/**************************
STYLE.CSS
#1 NORMALIZE CSS
    #1.1 HTML5 element display
    #1.2 Base
    #1.3 Links
    #1.4 Typography
    #1.5 Lists
    #1.6 Embedded content
    #1.7 Figures
    #1.8 Forms
    #1.9 Tables
#2 LAYOUT 
#3 HEADER 
#4 FOOTER 
#5 WIDGETS
    #5.1 SUB MENU
    #5.2 CALLS TO ACTION
    #5.3 TABS
    #5.4 AUTOPROMO
    #5.5 FORMS
    #5.6 QUOTES
    #5.7 NEWSLETTER
    #5.8 ASIDE SOCIAL
    #5.9 LISTS
#6 PAGES: HOME
#7 PAGES: PROTOTYPER LANDING
#8 PAGES: PROTOTYPER FEATURES
#9 PAGES: PROTOTYPER EXAMPLES
#10 PAGES: PROTOTYPER LEARN
#11 PAGES: PROTOTYPER WIDGETS
#12 PAGES: PROTOTYPER DOWNLOAD
#13 PAGES: PROTOTYPER BUY
#14 PAGES: PROTOTYPER FREE EDITION
#15 PAGES: USERNOTE LANDING
#16 PAGES: USERNOTE PLANS AND PRICING
#17 PAGES: USERNOTE SIGN UP
#18 PAGES: USERNOTE LOGIN
#19 PAGES: ABOUT US
#20 PAGES: EXAMPLE VIEW FRAME
#21 PAGES: CONTACT
#22 PAGES: 404
#23 PAGES: CASE STUDY
#24 PAGES: THANKS
#X NON SEMANTIC HELPER CLASSES
#Y MEDIA QUERIES
#Z MEDIA PRINT
**************************/



/*******************
  #1 NORMALIZE CSS
********************/

/*** #1.1 HTML5 element display ***/   





/*** #1.2 Base ***/

    /*
     * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
     *    http://clagnut.com/blog/348/#c790
     * 2. Force vertical scrollbar in non-IE
     * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
     *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
     * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
     *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
     */


.two-col-gr .col-left{
    float: left;
    display: inline;
    width: 579px;
    /*border-right: 1px solid #e1e1e1;
    -webkit-box-shadow: 1px 0 0 #fff;
       -moz-box-shadow: 1px 0 0 #fff;
            box-shadow: 1px 0 0 #fff;*/
}

.two-col-gr .col-right{
    float: left;
    display: inline;
    width: 340px;
    margin-left: 40px;
}

#purchase.two-col-gr .col-right{
    margin-left: 0px;
}

.ie6 .two-col-gr .col-right{
    width: 400px;
}

#main.interior{
    
}

.backend #main.interior{
    padding-top: 15px;
}

html {
	min-height: 100%;
	position: relative;
	font-size: 10px;
}

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    background-color: #ffffff;
}

body {
	margin: 0px;
    color: #2b2b2b;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.4;
    opacity: 1;
}

input, button, select, textarea {
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
}

label {
    display: inline-block;
    margin-bottom: 7px;
    max-width: 100%;
}

p {
	margin: 0 0 10.5px;
}

img {
	vertical-align: middle;
	border: 0;
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}



a {
  color: #2b2b2b;
  border-bottom: 1px solid #2b2b2b;
  text-decoration: none;
  font-family: Montserrat, Arial;
  font-weight: 400;
  padding-bottom:1px;
}

a:hover, a:active {
  border-bottom: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

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

input:invalid {
    box-shadow:none;
}

/*******************
  #3 HEADER
********************/
 #wrapper .header{
    background: #3b3d47;    
    min-height: 80px;
    -webkit-box-shadow: inset 0 -1px 3px rgba(0,0,0, .3);
       -moz-box-shadow: inset 0 -1px 3px rgba(0,0,0, .3);
            box-shadow: inset 0 -1px 3px rgba(0,0,0, .3);
 }
 
 .header .container{
    height: 80px;
    position: relative;
 }
 
 .header.home{
    border-bottom: 1px solid #f4f4f4;
 }
 
 .header.prot{
    border-bottom: 6px solid #ff6c00;
 }
 
 .header.user{
    border-bottom: 6px solid #01a5ea;
 }
 
 #logo{
    position: absolute;
    top: 7px;
    left: -3px;
    z-index: 1;
 }
 
 #main-nav{
    font-family: 'Open Sans'-n5, 'Open Sans', sans-serif; 
    word-spacing: 0.2em;
    letter-spacing: 0.03em;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: 12px;
 }
 
 #main-nav li{
    display: inline;
    margin-left: 20px;
 }
 
 #main-nav li a{
    color: #e9e9e9;
 }
 
 #main-nav li a:hover,
 #main-nav li.current a{
    border-bottom: 3px solid #e9e9e9;
    text-decoration: none;
 }
 
 #product-nav{
    position: absolute;
    bottom: 0;
    width:  940px;
 }
 
#product-nav:before{
    content: "";
    position: absolute;
    top: -38px;
    left: 400px;
    background: url('https://www.justinmind.com/img/sketch-sprite') no-repeat left top;
    display: block;
    width: 161px;
    height: 35px;
}

#product-nav a{
	line-height: 18px; /* si no es así chrome hace las pestañas el doble de grandes */ 
}

 #product-nav ul{
    text-align: center;
 }

 #product-nav li{
    display: inline-block;
    min-width: 138px;
    padding: 11px 15px 8px;
    font-family: 'Open Sans'-n5, 'Open Sans', sans-serif; 
    font-weight: 500;
    word-spacing: .2em;
    letter-spacing: 0.03em;
    font-size: 16px;
    line-height: 18px;
    -webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
    -webkit-box-shadow: inset 0 -1px 3px rgba(0,0,0, .3);
       -moz-box-shadow: inset 0 -1px 3px rgba(0,0,0, .3);
            box-shadow: inset 0 -1px 3px rgba(0,0,0, .3);
 }
 
.ie7 #product-nav li{
    display: inline;
 }
 
 #product-nav li.current{
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
 }
  
.ie7 #product-nav li.prototyper,
.ie8 #product-nav li.prototyper,
.ie9 #product-nav li.prototyper{
    background-image: url(https://www.justinmind.com/img/tab1.png);
    background-repeat: no-repeat;
    background-position: center center;
 }

 .ie7 #product-nav li.prototyper.current,
 .ie8 #product-nav li.prototyper.current,
 .ie9 #product-nav li.prototyper.current{
    background-image: url(https://www.justinmind.com/img/tab1c.png);
 }

 #product-nav li.prototyper{
    margin-right: 6px;
    border-bottom: none;
    background: -moz-linear-gradient(top, #fe9243 0%, #ff6c00 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9243), color-stop(50%,#ff6c00));
    background: -webkit-linear-gradient(top, #fe9243 0%,#ff6c00 50%);
    background: -o-linear-gradient(top, #fe9243 0%,#ff6c00 50%);
    background: -ms-linear-gradient(top, #fe9243 0%,#ff6c00 50%);
    background: linear-gradient(top, #fe9243 0%,#ff6c00 50%);
 }

.ie7 #product-nav li.usernote,
.ie8 #product-nav li.usernote,
.ie9 #product-nav li.usernote{
    background-image: url(https://www.justinmind.com/img/tab2.png);
    background-repeat: no-repeat;
    background-position: center center;
 }

 .ie7 #product-nav li.usernote.current,
 .ie8 #product-nav li.usernote.current,
 .ie9 #product-nav li.usernote.current{
    background-image: url(https://www.justinmind.com/img/tab2c.png);
 }

 #product-nav li.usernote{
    border-bottom: none;
    background: -moz-linear-gradient(top, #7bd0f3 0%, #01a5ea 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bd0f3), color-stop(50%,#01a5ea));
    background: -webkit-linear-gradient(top, #7bd0f3 0%,#01a5ea 50%);
    background: -o-linear-gradient(top, #7bd0f3 0%,#01a5ea 50%);
    background: -ms-linear-gradient(top, #7bd0f3 0%,#01a5ea 50%);
    background: linear-gradient(top, #7bd0f3 0%,#01a5ea 50%);
 }
 
 #product-nav li span{
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    padding-left: 20px;
 }
 
#product-nav li.prototyper a{
    color: #632a00;
    text-shadow: 0  1px 0 rgba(255, 255, 255, .6);
}

 #product-nav li.usernote a{
    color: #014460;
    text-shadow: 0  1px 0 rgba(255, 255, 255, .6);
 }
 
 #product-nav li a span{
    background: url('https://www.justinmind.com/img/productnav-sprite') no-repeat left top;
 }
 
  #product-nav li.prototyper a span{
    background-position: left 2px;
 }
 
 #product-nav li.prototyper.current a span,
 #product-nav li.prototyper a:hover span{
    background-position: left -59px;
 }

#product-nav li.usernote a span{
    background-position: 2px -119px;
}

#product-nav li.usernote.current a span,
#product-nav li.usernote a:hover span{
    background-position: 2px -181px;
}


 #product-nav li.prototyper.current a, 
 #product-nav li.usernote.current a,
 #product-nav li a:hover{
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
 }

#product-nav li a:hover{
    text-decoration: none;
}

/*******************
  #4 FOOTER
********************/

.footer{
	padding: 20px 0; /*TO DO: change*/
    position: relative;
    overflow: hidden;
    clear:both;
    height:86px;
}

footer {
    clear: both;
    position: absolute;
    height: 86px;
    margin-top: -86px;
    width:100%;
    bottom:0px;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
}

.ie7 .footer{
    border-top: 1px solid #dad9d9;
}

.footer:before{     
    content: ""; 
    position: absolute;     
    top: 0;
    left: 0;
    height: 1px; 
    width: 100%;
    background: #dad9d9; 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(217,217,217,0)
    ), color-stop(50%,rgba(217,217,217,1)), color-stop(100%,rgba(217,217,217,0))); 
    background: -webkit-linear-gradient(left, rgba(217,217,217,0) 0%,rgba(217,217,217,1) 50%,rgba(217,217,217,0) 100%); 
    background: -moz-linear-gradient(left, rgba(217,217,217,0) 0%,rgba(217,217,217,1) 50%,rgba(217,217,217,0) 100%); 
    background: -ms-linear-gradient(left, rgba(217,217,217,0) 0%,rgba(217,217,217,1) 50%,rgba(217,217,217,0) 100%); 
    background: -o-linear-gradient(left, rgba(217,217,217,0) 0%,rgba(217,217,217,1) 50%,rgba(217,217,217,0) 100%); 
    background: linear-gradient(left, rgba(217,217,217,0) 0%,rgba(217,217,217,1) 50%,rgba(217,217,217,0) 100%);
}

.footer:after{      
    content: ""; 
    position: absolute;     
    top: 1px;
    left: 0;
    height: 1px; 
    width: 100%;
    background: #fcfcfc; 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(252,252,252,0)
    ), color-stop(50%,rgba(252,252,252,1)), color-stop(100%,rgba(252,252,252,0))); 
    background: -webkit-linear-gradient(left, rgba(252,252,252,0) 0%,rgba(252,252,252,1) 50%,rgba(252,252,252,0) 100%); 
    background: -moz-linear-gradient(left, rgba(252,252,252,0) 0%,rgba(252,252,252,1) 50%,rgba(252,252,252,0) 100%); 
    background: -ms-linear-gradient(left, rgba(252,252,252,0) 0%,rgba(252,252,252,1) 50%,rgba(252,252,252,0) 100%); 
    background: -o-linear-gradient(left, rgba(252,252,252,0) 0%,rgba(252,252,252,1) 50%,rgba(252,252,252,0) 100%); 
    background: linear-gradient(left, rgba(252,252,252,0) 0%,rgba(252,252,252,1) 50%,rgba(252,252,252,0) 100%);     
}

.footer ul{
    list-style: none;   
}
.footer li{
    display: inline;
}
    
#footer-block{
    float: left;
    display: inline;
}

#footer-block nav li{
    margin-right: 20px;
    font-family: 'Open Sans'-n5, 'Open Sans', sans-serif;
    font-weight: 500;
}

#footer-block a{
    color: #444;    
}

#footer-block .social-links{
    margin: 7px 0 4px;
}

#footer-block .social-links ul{
    display: inline;
    padding: 0;
    vertical-align: top;    
}
#footer-block .social-links li{
    margin-left: 10px;      
    vertical-align: middle;
}
.social-links a{
    text-indent: -9999px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://www.justinmind.com/backend/pages/img/social-icons) no-repeat left top;
}
.social-links a:hover{
    opacity: .8;
    filter: alpha(opacity=80);
}
.social-links a.twitter{
    background-position: left top;
}
.social-links a.facebook{
    background-position: left -30px;
}
.social-links a.linkedin{
    background-position: left -60px;
}
.social-links a.blog{
    background-position: left -90px;
}
    
.awards{
    float: right;
}


#legal-stuff{
    color: #898989; 
    clear: both;
}

#legal-stuff ul{
    float:left;
    margin: 0;
    padding: 0;
}

#legal-stuff li{
    margin-right: 10px;
}

#legal-stuff small{
    float: right;
}
#legal-stuff a,
#legal-stuff small{
    color: #898989;
    font-size: 14px;            
}



/*******************
  #5 WIDGETS
********************/

.light-text{
    color: #666;
}

.back{
    background: url('https://www.justinmind.com/img/stepsnav-sprite') no-repeat left 8px;
    padding: 12px 0 10px 35px;
    color: #2f3138;
    font-family: 'Open Sans', sans-serif; 
    font-size: 18px;
    line-height: 1em;
    display: inline-block;
    margin-bottom: 33px;
}

.back:hover{
    color: #008CC7;
    text-decoration: none;  
    background-position: left -52px;
}



/*5.2 CALL TO ACTIONS*/

.call{
    background: none repeat scroll 0 0 #121212;
    color: #FFFFFF;
    display: inline-block;
    font-style: normal;
    padding: 12px 70px;
    position: relative;
    font-size: 14px;
    position:relative;
    font-family: Montserrat, Arial;
    font-weight: 500;
    border: 1px solid #121212;
    border-radius: 3px;
    transition: all 0.25s;
}

.call:hover{
    text-decoration: none;
    background: #fff;
    color: #121212;
}

.call.free{
    background: #5eb148;
    background: -moz-linear-gradient(top, #7ed367 0%, #5eb148 20%, #39742a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ed367), color-stop(20%,#5eb148), color-stop(100%,#39742a));
    background: -webkit-linear-gradient(top, #7ed367 0%,#5eb148 20%,#39742a 100%);
    background: -o-linear-gradient(top, #7ed367 0%,#5eb148 20%,#39742a 100%);
    background: -ms-linear-gradient(top, #7ed367 0%,#5eb148 20%,#39742a 100%);
    background: linear-gradient(top, #7ed367 0%,#5eb148 20%,#39742a 100%);
    border: 1px solid #5eb148;
}

.call.free:hover{
    background: #6ebc58;
    background: -moz-linear-gradient(top, #8bd876 0%, #6ebc58 20%, #468e34 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd876), color-stop(20%,#6ebc58), color-stop(100%,#468e34));
    background: -webkit-linear-gradient(top, #8bd876 0%,#6ebc58 20%,#468e34 100%);
    background: -o-linear-gradient(top, #8bd876 0%,#6ebc58 20%,#468e34 100%);
    background: -ms-linear-gradient(top, #8bd876 0%,#6ebc58 20%,#468e34 100%);
    background: linear-gradient(top, #8bd876 0%,#6ebc58 20%,#468e34 100%);
}
/*
.call.user{
    background: #01a5ea;
    background: -moz-linear-gradient(top, #7bd0f3 0%, #01a5ea 20%, #0279c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bd0f3), color-stop(20%,#01a5ea), color-stop(100%,#0279c9));
    background: -webkit-linear-gradient(top, #7bd0f3 0%,#01a5ea 20%,#0279c9 100%);
    background: -o-linear-gradient(top, #7bd0f3 0%,#01a5ea 20%,#0279c9 100%);
    background: -ms-linear-gradient(top, #7bd0f3 0%,#01a5ea 20%,#0279c9 100%);
    background: linear-gradient(top, #7bd0f3 0%,#01a5ea 20%,#0279c9 100%);  
    border: 1px solid #01a5ea;
}

.call.user:hover{
    background: #0ab5fe;
    background: -moz-linear-gradient(top, #88d5f4 0%, #0ab5fe 20%, #028ce8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88d5f4), color-stop(20%,#0ab5fe), color-stop(100%,#028ce8));
    background: -webkit-linear-gradient(top, #88d5f4 0%,#0ab5fe 20%,#028ce8 100%);
    background: -o-linear-gradient(top, #88d5f4 0%,#0ab5fe 20%,#028ce8 100%);
    background: -ms-linear-gradient(top, #88d5f4 0%,#0ab5fe 20%,#028ce8 100%);
    background: linear-gradient(top, #88d5f4 0%,#0ab5fe 20%,#028ce8 100%);
}
*/
.call.pro{
    background: #ff6c00;
    background: -moz-linear-gradient(top, #fd8933 0%, #ff6c00 20%, #ca5803 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd8933), color-stop(20%,#ff6c00), color-stop(100%,#ca5803));
    background: -webkit-linear-gradient(top, #fd8933 0%,#ff6c00 20%,#ca5803 100%);
    background: -o-linear-gradient(top, #fd8933 0%,#ff6c00 20%,#ca5803 100%);
    background: -ms-linear-gradient(top, #fd8933 0%,#ff6c00 20%,#ca5803 100%);
    background: linear-gradient(top, #fd8933 0%,#ff6c00 20%,#ca5803 100%);  
    border: 1px solid #ff6c00;
}

.call.pro:hover{
    background: #ff7a1b;
    background: -moz-linear-gradient(top, #fd9647 0%, #ff7a1b 20%, #e76603 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd9647), color-stop(20%,#ff7a1b), color-stop(100%,#e76603));
    background: -webkit-linear-gradient(top, #fd9647 0%,#ff7a1b 20%,#e76603 100%);
    background: -o-linear-gradient(top, #fd9647 0%,#ff7a1b 20%,#e76603 100%);
    background: -ms-linear-gradient(top, #fd9647 0%,#ff7a1b 20%,#e76603 100%);
    background: linear-gradient(top, #fd9647 0%,#ff7a1b 20%,#e76603 100%);
}

.ie9 .call.free, .oldie .call.free{
    background-image: url(https://www.justinmind.com/backend/pages/img/bg);
}

.ie9 .call.free:hover, .oldie .call.free:hover{
    background-image: url(https://www.justinmind.com/backend/pages/img/bgh);
}

.ie9 .call.pro, .oldie .call.pro{
    background-image: url(https://www.justinmind.com/backend/pages/img/bo);
}

.ie9 .call.pro:hover, .oldie .call.pro:hover{
    background-image: url(https://www.justinmind.com/backend/pages/img/boh);
}

.ie9 .call.mini, .oldie .call.mini{
    background-image: url(https://www.justinmind.com/backend/pages/img/bb);
}

.ie9 .call.mini:hover, .oldie .call.mini:hover{
    background-image: url(https://www.justinmind.com/backend/pages/img/bbh);
}

.ie9 .call.user, .oldie .call.user{
    background-image: url(https://www.justinmind.com/backend/pages/img/bb2);
}

.ie9 .call.user:hover, .oldie .call.user:hover{
    background-image: url(https://www.justinmind.com/backend/pages/img/bb2h);
}


.call.mini{
    background: #e4e2e2;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #e4e2e2 20%, #b6b6b6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(20%,#e4e2e2), color-stop(100%,#b6b6b6));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#e4e2e2 20%,#b6b6b6 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#e4e2e2 20%,#b6b6b6 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#e4e2e2 20%,#b6b6b6 100%);
    background: linear-gradient(top, #f6f6f6 0%,#e4e2e2 20%,#b6b6b6 100%);
    border: 1px solid #b1b1b1;
    font-size: 18px;
    color: #2F3138;
    padding: 4px 20px 4px;
    text-transform: none;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.call.mini:after{
    content: "";
    margin-left: 5px;
    display: inline-block;
    background: url(https://www.justinmind.com/backend/pages/img/view-icon) no-repeat left top;
    width: 16px;
    height: 20px;
    vertical-align:bottom;
}

.call.mini:hover{
    background: #e8e6e6;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #e8e6e6 20%, #bebebe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(20%,#e8e6e6), color-stop(100%,#bebebe));
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#e8e6e6 20%,#bebebe 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%,#e8e6e6 20%,#bebebe 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%,#e8e6e6 20%,#bebebe 100%);
    background: linear-gradient(top, #f7f7f7 0%,#e8e6e6 20%,#bebebe 100%);
}

.call2{
    font-family: 'Open Sans', sans-serif; 
    font-size: 24px;
    word-spacing: .1em;
    background: url('https://www.justinmind.com/img/call2-arrow') no-repeat right 16px;
    padding-right: 22px;
    color: #2f3138;
    text-align: center;
    display: inline-block;
}

.call2:hover{
    color: #008CC7;
    text-decoration: none;
    background-position: right -24px;
}

.call2.download{
    font-size: 18px;
    color: #008CC7;
    background: none;
    line-height: 1;
}

.call2.download:hover{
    background: url('https://www.justinmind.com/img/download-icon') no-repeat right 5px;
}





/*#5.5 FORMS*/

.fieldset{
    border: 0;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;    
}

.fieldset label{
    display: block;
    font-weight: bold;
    margin-bottom: 3px; 
}

/*
.fieldset input:not([type=submit]):not([type="checkbox"]),
.fieldset textarea{
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 8px;
    border: 3px solid #e8e8e8;
    background: #ffffff;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
    position:relative;
    outline: none;
}
*/

.backend input[type=file]#license, .backend input[type=file]#invoice{
    width: 600px;
}

.backend .fieldset input:not([type=submit]):not([type="checkbox"]),
.backend .fieldset textarea{
    border-color: #d8d6d6;
    width: 300px;
}




/*
.fieldset input:not([type="submit"]):focus, 
.fieldset textarea:focus,
.fieldset select:focus{
    outline: none;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.5);
       -moz-box-shadow: 0 0 2px rgba(0,0,0,.5);
            box-shadow: 0 0 2px rgba(0,0,0,.5);
}
*/

.fieldset input[type=radio],
.fieldset input[type=checkbox]{
    width: auto;
}

.oldie .fieldset input[type=radio],
.oldie .fieldset input[type=checkbox]{
    width: auto;
    background: none;
}

.fieldset select{
    /* padding: 9px 8px 9px 8px; */
    background: #ffffff;                  
    border: none;
    /* -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px; */
    position:relative;          
}

/* Better selects for Webkit */
@media screen and (-webkit-min-device-pixel-ratio:0){
    .fieldset select{
        -webkit-appearance: none;   
        padding-right: 35px;
        background: #f4f4f4 url(https://www.justinmind.com/backend/pages/img/select-icon) no-repeat right center;
    }
}

.ie8 .fieldset select{
    background-image: none;
    padding-right: 8px;
}
    
.secondary-check{
    font-size: 12px;
}
.secondary-check label{
    font-weight: normal;
}

.forgot-password{
    font-size: 12px;
    text-align: c;
}

/*
.boxed-form, .boxed-form-metrics{
	
    padding: 20px 34px;
    
    position: relative;
    
}
*/  

.backend .boxed-form{
    background: transparent;
    padding: inherit;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d2d2d2;
}

.backend .boxed-form input{
    margin-bottom: 0px;
}

.submit-form, .backend .submit-form{
    /*margin: 24px 0px;*/
}

#purchase .sideText{
    font-size: 12pt;
    font-family: 'Open sans', sans serif;
}

.fieldset input:not([type="submit"]).error, 
.fieldset textarea.error,
.picker.error,
.backend .fieldset input:not([type="submit"]).error
{
    border: 1px solid #ef4747;
    outline: medium none;    
}

.form-control.error,
.form-control.errorAccount,
.select2.error {
    border: 1px solid #ef4747;
    /*margin-bottom: 0px;*/
}

label.error{
    font-weight: normal;
    font-size: 13px;
    color: #ef4747;
    position: absolute;
    white-space: nowrap;
    top: 50px;
}

.braintree label.error{
  position: relative;
  top: 0px;
}

.backend label.error{
    top: 0px;
}


/************************************
  MEDIA QUERIES
*************************************/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 	
	
	.sprite-braintree-logo,
	.sprite-checkbox-off,
	.sprite-checkbox-on,
	.sprite-dropdown-arrow-down,
	.sprite-dropdown-arrow-up,
	.sprite-logos,
	.sprite-windowcontrols-close-over
	{
		background-image: url('https://www.justinmind.com/backend/images/spritebuy@2x.png') !important;
		background-size: 450px 48px;
	}
	
	.logo
	{
		background-image: url("https://www.justinmind.com/backend/images/logo-color@2x.png") !important;
		background-size: 196px 52px;
	}

	.sprite-logos{
		background-position: -212px 0 !important;
	}
	.sprite-dropdown-arrow-up{
		background-position: -196px 0 !important;
	}
	.sprite-dropdown-arrow-down{
		background-position: -181px 0 !important;
	}
}

.sprite-braintree-logo-retina {
    background-image: url('https://www.justinmind.com/backend/images/spritebuy@2x.png') !important;
    background-size: 450px 48px;
    width: 131px;
    height: 48px;
    background-position: 0 0;
}

.sprite-braintree-logo {
	width: 141px;
	height: 48px;
	background-position: 0 0;
}

.sprite-checkbox-off {
	width: 15px;
	height: 15px;
	background-position: -141px 0;
}

.sprite-checkbox-on {
	width: 15px;
	height: 15px;
	background-position: -156px 0;
}

.sprite-dropdown-arrow-down {
	width: 15px;
	height: 15px;
	background-position: -171px 0;
}

.sprite-dropdown-arrow-up {
	width: 15px;
	height: 15px;
	background-position: -186px 0;
}

.sprite-logos {
	width: 149px;
	height: 24px;
	background-position: -201px 0;
}

.sprite-windowcontrols-close-over {
	width: 9px;
	height: 9px;
	background-position: -378px 0;
}


/************************************
  #17 PAGES: USERNOTE SIGN UP
*************************************/

.reseller{
    margin-top: 10px;
}

.boxed-form input{
    margin-bottom: 30px;
    /*-webkit-appearance: none;*/
}

#purchase .boxed-form input[type=checkbox]{
    -webkit-appearance: checkbox;
}

#purchase .boxed-form input#cvv{
    margin-bottom: 0px;
}

#purchase .boxed-form input[type=checkbox]{
    margin-bottom: 0px;
    width: auto;
}

/*
#purchase h1{
    font-size: 18pt;
    padding-bottom: 17px;
    border-bottom: 1px solid #cecece;
    font-weight: 500;
    font-family: 'Open sans', sans-serif;
}

#purchase h2{
    font-size: 15pt;
    font-family: Helvetica;
    font-weight: bold;
    padding-bottom: 12px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 20px;
}

#purchase h3{
    color: #ff6c00;
    line-height: 20px;
    margin: 0px;
}    
*/

#purchase .productTitle{
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

#purchase .productSubtitle{
    color: #21c0c0;
    line-height: 30px;
    font-weight: normal;
    font-size: 24px;
    display: inline;
}

#totalAmountText{
    font-size: 14.67px;
    margin-bottom: 0;
    margin-top: 12px;
    font-weight: 500;
    color: #333333;
}

.subscription #totalAmoutText {
	border-top: 1px solid #d5d5d5;
}

#usernote-signup #purchase form{
    /*width: 540px;
    float: left;*/
}

#usernote-signup form{
    width: 100%;    
}

#usernote-signup .aside{
    float: left;
    width: 275px;
    margin-right: 25px;
}

#usernote-signup.businessMetrics .aside{
    width: 380px;
}

#usernote-signup{
    position: relative;
}



/************************************
  #19 PAGES: ABOUT US
*************************************/

#page {
	position: relative;
}

#main.interior h1{
    /*margin-bottom: 41px;*/
    margin-bottom: 30px;
}




/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */



/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }







.hiddenBilling{
    display: none;
}

.special-error{
    font-size: 14px;
}

.errorTop.special-error{
    margin-bottom: 25px;
}




.ie input[type="checkbox"]{
    padding:0;
    margin-left: 10px;
}





.errorTopMain{
    background-color: #990000;
    color: white;
    height: 22px;
    padding-left: 12px;
    margin: 10px 0px 10px 0px;
    line-height: 22px;
    font-size: 12px;
    display: none;
}

.errorTop{
    background-color: #990000;
    color: white;
    /*height: 22px;*/
    padding-left: 12px;
    margin: 10px 0px 10px 0px;
    line-height: 22px;
    font-size: 12px;
    display: none;
}

.ie9 .fieldset input[type=checkbox], .oldie .fieldset input[type=checkbox]{
    padding: 0px;
    border: 0;
    box-shadow: none;
    border-radius: 0px;
}

.purchase > *, #whitebox > *, #page.thanks > * {
    font-family: Montserrat, Arial;
}

#popup{
    display: none;   
}

.popup_buttons .button_small, .popup_buttons .pushed_small{
  margin-right: 10px;
}

.popup_buttons{
    height: 21px;
    background-color: #f7f7f7;
    padding: 5px 12px 11px;
    clear: both;
}

.ui-widget-header{
    border:none;
    background-color: #ffffff;
}

div.button_small{
    overflow:hidden;
    padding: 1px;
    float: left;
}

div.pushed_small{
    overflow:hidden;
    padding: 2px 1px 0px 1px;
    float: left;
}

div.button_small a{
    background-image: url('https://www.justinmind.com/backend/images/widgets/sp.png');
    background-repeat: no-repeat;
    background-position: 0px -68px;
    float:left;
    height:26px;
    padding: 0px 0px 0px 8px;
    display: block;
    text-align:left;
    line-height: 24px;
    text-decoration: none;
    color: #333333;
}

div.button_small a span{
    background-image: url('https://www.justinmind.com/backend/images/widgets/sp.png');
    background-position: right -94px;
    background-repeat: no-repeat;
    
    height:26px;
    float:left;
    padding: 0px 10px 0px 2px;
}

div.pushed_small a{
    background-image: url('https://www.justinmind.com/backend/images/widgets/sp.png');
    background-repeat: no-repeat;
    background-position: 0px -68px;
    float:left;
    height:26px;
    padding: 0px 0px 0px 8px;
    
    display: block;
    text-align:left;
    line-height: 24px;
    text-decoration: none;
    color: #333333;
}

div.pushed_small a span.right{
    background-image: url('https://www.justinmind.com/backend/images/widgets/sp.png');
    background-repeat: no-repeat;
    background-position: right -94px;
    
    height:26px;
    float:left;
    padding: 0px 10px 0px 2px;
}

#formList thead td{
    background: transparent;
}

.whitebg{
    background: white;
}    

.yellowbg{
    background: yellow;
}  

.redbg{
    background: #ffb0b0;
}  

#formList .nopadding{
    padding: 0;
}

#formList .noborder{
    border: 0;
}    

.days{
    margin-top: 52px;
}

.days td{
   border: 1px solid #dddddd;
    padding: 5px;
    font-size: 12px;
    width: 40px;
    text-align: center;
    height: 21px;
}

#formList td{
    border: 1px solid #dddddd;
    padding: 5px;
    font-size: 12px;
    width: 90px;
    text-align: right;
    height: 19px;
}



#formList .title{
    text-align: left;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

#formList .client{
    text-align: left;
    max-width: 200px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

#formList .company{
    text-align: left;
    max-width: 180px;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

#formList .key{
    text-align: left;
    max-width: 230px;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}



#formList .braintreeIds{
    text-align: left;
    max-width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

#formList .tableheader td{
    background: #e6e6e6;
}    

#formList .right{
    text-align: right;
}

#formList .left{
    text-align: left;
}

#formList .center{
    text-align: center;
}

#tabs{
    position: relative;
    left: -1px;
}

#tabs td{
    border-bottom: 0;
    height: 30px;
    min-width: 170px;
    font-size: 14px;
    padding: 5px 20px;
    text-align: center;
}

#tabs .selected{
    font-weight: bold;
    background: #e6e6e6;
}    

#tabs .notselected{
    background: transparent;
    border: 0;
}

.customForm input{
    left: 100px;
}

#product{
    margin-top: 40px;
    margin-bottom: 40px;
}

#product p{
    margin-bottom: 0px;
    font-size: 16pt;
}

.sMess{
    background-color: #990000;
    color: white;
    padding-left: 12px;
    margin: 10px 20px 10px 0px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
}

.sMess p{
    margin: 0;
    padding: 5px 0px;
}

.sMess a{
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #777 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #777 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #777 !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #777 !important;
}

/* Form Picker Element (<select>) */
.picker {
	position: relative;
	width: 468px;
	/* display: inline-block; */
	/* overflow: hidden; */
	/* border: 3px solid #e5e5e5; */
	/* border-radius: 7px; */
	max-width: 100%;
	/* margin-bottom: 25px; */ 
	/* background-color: #ffffff; */
}

.backend .picker{
    border-color: #d8d6d6;
}

.expDate .picker{
    margin-bottom: 0px;
}

.picker.form-control:after {
    content: "\25BE";
    z-index: 0;
    position: absolute;
    right: 8px;
    top: 8%;
    color: #243030;
    font-size: 20px;
    color: #777777;
}

.picker:first-child {
    margin-left: 0;
}

.picker.form-control{
    padding: 0px;
}    

.picker select {
    position: relative;
    display: block;
    min-width: 100%;
    width: 100%;
    color: #777;
    padding: 5px 9px;
    border: none;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-outline: none;
    z-index: 2;
    cursor: pointer;
    height: 100%;
}

.picker select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.separator{
    padding-top: 22px;
    border-top: 1px solid #dfdfdf;
}

.expDate{
    width: 110px;
    float: left;
    margin-right: 16px;
}

.expDate .select2 {
    margin-bottom: 0px !important;
}

#overlayPurchase {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2b2b2b;
    filter:alpha(opacity=35);
    -moz-opacity:0.35;
    -khtml-opacity: 0.35;
    opacity: 0.35;
    z-index: 10000;
    display: none;
}

#overlayDiscounts {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

#whitebox{
    background: #ffffff;
    z-index: 10001;
    display: none;
    
    height: 480px;
    width: 800px;
    
    position: fixed;
    top: 40%;
    left: 50%;
    margin-top: -240px;
    margin-left: -400px;
    border: 5px solid #2b2b2b;
    
    font-size: 15pt;
    /*letter-spacing: -0.05em;*/
    font-weight: 400;
    border-radius: 8px;
}

#whitebox.error {
	 border-color: #ff0000;
}

#whitebox p{
    margin-bottom: 0;
}

#whitebox .stress{
    font-weight: 600;
}

.errorMsg .errorimg {
    background-image: url("https://www.justinmind.com/backend/images/card-error@2x.png");
    background-repeat: no-repeat;
    background-size: 85px 63px;
    display: block;
    height: 63px;
    width: 85px;
    margin: 0 auto 15px;
}

#whitebox .errorMsg {
    position: relative;
    vertical-align: middle;
    text-align: center;
    width: 75%;
    color: #2b2b2b;
    display: none;
    margin: 0 auto;
    margin-top: 50px;
    font-weight: 500;
	font-size: 21px;
}


#whitebox .errorMsg .subtitle {
	color: #82888c;
	font-weight: 400;
	font-size: 18px;
}

#whitebox .errorMsg hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    margin-top: 20px;
	margin-bottom: 20px;
}

#whitebox #tryAgain {
	color: black;
  font-weight: 400;
  font-size: 13px;
  margin-top: 35px;
	cursor: pointer;
	display: inline-block;
	border-bottom: 1px solid #82888c;
}

#whitebox #tryAgain:hover {
  border-bottom: none;
}

#whitebox .errorMsg #braintreeMsg {
    color: #494949;
}

.wait{
    background-image: url("https://www.justinmind.com/backend/images/dots-moving.gif");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 90px 15px;
    font-family: 'Montserrat', arial;
    padding-top: 100px;
    position: relative;
    height: 91px;
    text-align: center;
}

.wait p{
    font-size: 27px;
    font-weight: 600;
    color: #2b2b2b;
    line-height: 30px;
}

p.processing{
    font-size: 21px;
    color: #2b2b2b;
    line-height: 22px;
    padding-top: 6px;
    font-weight: 400;
}

#whitebox .btInfo {
	bottom: 40px;
	position: absolute;
	text-align: center;
	width: 100%;
}

#whitebox .btInfo > div:last-child {
	position: relative;
	display: inline-block;
	width: 204px;
	vertical-align: top;
}

#whitebox .btInfo > div:last-child span {
	font-size: 10px;
	color: rgb(140, 150, 157);
	letter-spacing: normal;
	position: absolute;
	top: 23px;
	left: 0px;
}

.ie6 .discounts{
  top: 189px;
  right: 60px;
}

.discounts-container {
    background-color: #f7f7f7;
    display: none;
    position: absolute;
    z-index: 5000;
    background-clip: padding-box;
    border: 5px solid rgba(220, 220, 220, 0.75);
    border-radius: 5px;
    width: 335px;
    margin-left:255px;
    margin-top: -15px;
    float:right;
}

.discounts-container thead {
    color: #000000;
    font-weight: 600;
}

.discounts-container thead td {
	padding-bottom: 10px;
	font-size: 14px;
	text-align: center;
}

.discounts-container tbody td {
	border-top: 1px solid #e3e3e3;
    font-size: 15px;
    font-weight: 200;
    height: 38px;
    text-align: center;
    width: 159px;
    vertical-align: middle;
}

.purchase-summary hr {
  margin: 18px 10px 18px 5px;
  border: 0;
	border-top: 1px solid #d1d1d1;
}

.purchase-summary .purchase-quantity hr {
	border-color: #d5d5d5;
  margin: 16px 0 0;
  width: 243px;
}

.purchase-summary #users-from-account hr {
	width: auto;
	margin: 0 0 15px;
}

.purchase-summary #users-from-account-container hr {
    width: auto;
    margin: 0px;
}

.purchase-summary .purchase-quantity p {
	margin: 0 0 2px;
}

.purchase-summary .members{
    margin-top:15px;
}

#purchase .discounts-content {
    color: #2b2b2b;
    font-size: 13px;
    
    padding: 13px 18px;
    position: relative;
    text-align: center;
    z-index: 2;
    /*height: 144px;*/
}

.discounts-container table {
	margin: 0 auto;
}

.discounts-container .background {
    background-color: white;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1;
}

.discounts-container .close {
	background-image: url("https://www.justinmind.com/backend/images/spritebuy.png");
    cursor: pointer;
    height: 9px;
    left: 319px;
    position: absolute;
    top: 7px;
    width: 9px;
    z-index: 3;
}

.purchase .purchase-order-amount,
.purchase .purchase-order-discount,
.purchase .purchase-order-vat {
	font-weight: 300;
	font-size: 14.33px;
}

.purchase-users > span {
	font-weight: 300;
}

.backendTitle{
    font-family: Helvetica;
    font-size: 14pt;
    text-transform: UPPERCASE;
    margin-bottom: 22px;
}

.headerTitle{
    bottom: 0;
    color: #FFFFFF;
    float: left;
    font-family: Helvetica;
    font-size: 14pt;
    font-weight: normal;
    right: 0px;
    position: absolute;
    letter-spacing: 0.05em;
}

.input-float{
    float:left;
    margin-right: 10px;
}

.scroll-if-need{
    overflow: auto;
}

.monthWidth{
    width: 90px;
}

#formList td.no-border{
    border: 0;
}

form select.not_chosen {
  color: #47484d;
}

form select option {
    color: #000;
}

form option:disabled{
    color: #47484d;
}

#type{
    width: 100px;
}

#show {
    width: 180px;
}

#numberMonths {
    width: 94px;
}

#months{
    width: 160px;
}

#services{
    width: 160px;
}

#prototyperKey{
    width: 400px;
}

#emailList{
    width: 700px;
}

.backend .picker{
    margin-bottom: 0px;
}

#ngoUrl{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 3px solid #BBBBBB;
  border-radius: 7px;
  height: 25px;
  padding: 5px;
  width: 700px;

}

#downloadAll {
  bottom: 15px;
  position: absolute;
  right: 0;
}

#zipAllIcon{
    margin-right: 5px;
    margin-bottom: -2px;
}

.licenseInfo{
    color: #333;
    font-size: 12pt;
}

.licenseInfo p{
    margin-bottom: 0px;
}

.keyText{
    font-size: 14pt;
}

.bold{
    font-weight: bold;
}

.quantityInput {
    margin-bottom: 10px;
    position: relative;
}

.backend input.datepicker {
    z-index: 10;
}

.discountTexts{
    display: none;
}

.existingSubscription,
.existingSubscriptionReseller {
    display: none;
    font-size: 13px;
    color: #ef4747;
}

.existingSubscriptionReseller {
	margin-bottom: 9px;
}

#email.exists {
	margin-bottom: 0px;
}

.resellerDisclaimer {
    display: none;
    position: absolute;
    z-index: 5000;
    
    background-color: #2E2E33;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    line-height: 1.5;
    padding: 10px;
    text-align: left;
    text-transform: none;
    z-index: 50000;
    bottom: 12px;
    width: 500px;
    right: -20px;
}

.resellerDisclaimer a{
    color: #21c0c0;
    font-weight: bold;
    cursor: pointer;
}

.resellerDisclaimer a:hover{
    text-decoration: underline;
}

.resellerAnchor{
    color: #21c0c0;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 10px 14px 10px;
}

.resellerAnchor:hover{
    text-decoration: underline;
}

.boxed-form .col-sm-6{
    padding-left: 0px;
    padding-right: 0px;
}
 
.boxed-form h3{
    font-size: 24px;
    font-weight: 600;
}

#usernote-signup h3{
    font-weight: 300;
}

#usernote-signup h2, #usernote-signup h4{
    margin-top: 0px;
}

.numberUsers{
    margin-bottom: 10px;
}

#page{
    margin-top: 40px;
    padding-bottom: 60px;
}

#page.purchase{
    margin-top: 0px;
    padding-bottom: 0px;
}

#page.thanks {
	padding-bottom: 200px;
}

#main.interior {
	width: auto;
	padding-bottom: 75px;
} 

.steps {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 15px;
}

.steps.productName {
  padding-bottom: 24px;
  padding-top: 12px;
}

.purchase-summary {
    background-color: #f5f5f5;
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    overflow:hidden;
}

.purchase-quantity-info {
	margin-top: 16px;
}

.userLogged.subscription .purchase-summary.users {
	height: auto;
}

.purchase-options label.active  {
	border-radius: 7px;
	background-color: #ffffff;
	box-shadow: 0px 10px 19px #d9d9d9;
}

.purchase-options label {
    width: 234px;
	height: 193px;
	padding: 15px;
}

.subscription .purchase-options label {
	cursor: pointer;
}

.purchase-options span {
	/*color: #21c0c0;*/
}

.purchase-label {
  font-size: 17.33px;
  font-weight: 400;
  display: inline-block;
}

.purchase-options {
	margin: 0 0 50px;
	padding: 0;
}

.purchase-options li {
	display: inline-block;
	list-style: none;
	margin-right: 6%;
	position: relative;
}

.purchase-options .savings {
	font-size: 14px;
	font-weight: 500;
	color: #f94c7d;
	display: inline-block;
	position: absolute;
	top: 45px;
	left: 43px;
}

.purchase-options .price-currency {
	font-weight: 300;
	font-size: 42.67px;
	font-weight: 300;
	vertical-align: text-bottom;
	line-height: 44px;
}

.purchase-options .price-rank {
	display: inline-block;
  font-weight: 400;
  line-height: 16px;
  text-align: start;
  width: 75px;
}

.purchase-options .price-value {
	margin-right: 4px;
	font-weight: 300;
	font-size: 70.67px
	/* line-height: 17%;
	letter-spacing: -.7rem; */
}

.purchase-options .price {
    padding: 51px 0 10px;
    display: block;
    padding-left: 22px;
}

.purchase-quantity-input {
	position: relative;
	max-width: inherit;
	margin: 0 auto;
}

.form-control {
	height:50px;
	background-color: #fff;
	border: 1px solid #ced3d6;
	color: #2b2b2b;
	display: block;
    font-size: 13px;
    line-height: 1.4;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    -webkit-box-shadow: none;
	box-shadow: none;
	box-sizing: border-box;
	border-radius: 4px;
}

.form-control:focus {
	border: 2px solid #0099ff;
	outline: none;
}

.purchase-order-summary {
	float: right;
	text-align: initial;
	width: 212px;
	font-weight: 300;
}

.purchase-order-summary .purchase-order-name {
    font-size: 14.67px;
    font-weight: 500;
    margin-bottom: 7px;
    margin-top: 15px;
    color: #333333;
}

.purchase-order-summary .steps {
	padding-left: 5px;
}

.purchase-order-summary p {
    font-size: 15.33px;
    margin-bottom: 3px;
    padding-left: 5px;
    color: #55585a;
    font-weight: 300;
}

.purchase-selector {
	float: left;
	width: 620px;
	margin-right: 15px;
}

.subscription .purchase-selector {
	border-right: 1px solid #cccccc;
}

.userLogged.license .purchase-selector {
	height: 330px;
}

.userLogged.license .purchase-selector.users {
	height: auto;
}

.userLogged.license.upgrade .purchase-selector {
    height: 240px;
}

.special .purchase-selector {
    height: auto;
}

.purchase-license .price-rank {
	width: 45px;
}

.center-details {
	margin: 0 auto;
  width: 874px;
  padding-top: 30px;
  clear: both;
}

#signin.center-details {
  padding-top: 35px;
}

.double-col {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.triple-col {
  width: 33%;
  float: left;
  box-sizing: border-box;
}

.triple-col.cvv {
  width: 114px;
}

.triple-col.space{
  margin-right: 13px;
}

.purchase-quantity-input input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
    width: 250px;
    height: 50px;
    caret-color: transparent;
}

.purchase-quantity-action-up {
	background-image: url('https://www.justinmind.com/backend/images/spritebuy.png');
    top: 9px;
}

.purchase-quantity-action-down {
	background-image: url('https://www.justinmind.com/backend/images/spritebuy.png');
    top: 26px;
}

[class^="purchase-quantity-action"] {
    cursor: pointer;
    left: 217px;
    position: absolute;
}

.purchase-summary {
    margin-bottom: 0px;
}

#purchase #signin {
    margin-bottom: 6px;
    font-size: 13.33px;
}

#purchase #signin > div + div {
    font-weight: 300;
}

.purchase-options input[type="radio"] {
	display: none;
}

.purchase-selector input[type="radio"] + label {
    background-color: #333333;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    text-align: center;
    vertical-align: middle;
    width: 17px;
    padding: 0px;
    margin-right: 6px;
    margin-top: -1px;
    border: none;
}

.purchase-selector input[type="radio"]:checked + label > span {
    background-color: #ffffff;
    border-radius: 4px;
    display: block;
    height: 7px;
    left: 5px;
    position: relative;
    top: 5px;
    width: 7px;
}

.purchase-selector label {
    color: #333333;
    font-size: 13.33px;
    font-weight: 300;
}

input[type="checkbox"] + label {
	width: 13px;
	height: 13px;
}

input[type="checkbox"]:checked + label {
	width: 13px;
	height: 13px;
}

.discounts {
	font-size: 13px;
}



#purchase .boxed-form input[type="checkbox"] + label span {
	position: relative;
	background-image:url('https://www.justinmind.com/backend/images/spritebuy@2x.png');
	width: 21px;
	height: 21px;
  background-position: -429px 0px;
	display: inline-block;
	margin-top:2px;
	background-size: 450px 48px;
}

/*
#purchase .boxed-form input[type="checkbox"] + label span:hover {
    background-position: -159px -29px;
    cursor:pointer;
}
*/

#purchase .boxed-form input[type="checkbox"]:checked + label span {
    background-position: -429px 25px;
    cursor:pointer;
}

.ccimage {
	position: relative;
	background-image:url('https://www.justinmind.com/backend/images/spritebuy.png');
}
    
.btimage {
	display: inline-block;
	background-image:url('https://www.justinmind.com/backend/images/spritebuy.png');
}

.logo {
	background-image: url("https://www.justinmind.com/backend/images/logo-color.png");
    background-position: -440px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 45px;
    text-indent: -9999em;
    vertical-align: middle;
    width: 157px;
    margin-left: 0.8rem;
    margin-top: 0;
 }
 
 #users-from-account {
 	padding-top: 0px;
    padding-bottom: 13px;
 	margin-bottom: 20px;
 	border-bottom: 1px solid #d1d1d1;
 	max-height:197px;
 	overflow:auto;
 }
 
 .subscription #users-from-account {
    margin-bottom: 0px;
 }
 
 #users-from-account-container{
    display:none;
    padding-top:10px;
 }
 
 .subscription #users-from-account-container{
    width: 793px;
    padding-top: 8px;
 }
 
 #hideUsers{
    font-size: 12px;
    text-decoration: underline;
    cursor:pointer;
 }
 
.column:nth-child(2n+1) {
	margin-right: 25px;
}



.member input[type="checkbox"]:checked + label {
    background-position: -429px 25px;
    cursor:pointer;
}

.member input[type="checkbox"] + label {
    background-image: url('https://www.justinmind.com/backend/images/spritebuy@2x.png') !important;
    background-position: -429px 0px;
    background-size: 450px 48px;
    width: 21px;
    height: 21px;
    margin-bottom:11px;
    margin-right:10px;
}



.member input[type="checkbox"]:disabled + label {
    background-position: -429px 25px;
}


.hidden {
	display: none;
}

#top {
	position: relative;
	width: 100%;
	height: 70px;
	box-sizing: border-box;
    margin: 0 auto;
    padding-left: 5.5%;
    padding-right: 5.5%;
    padding-top: 12px;
    max-width: 1366px;
}

@media (min-width: 1366px) {
    #top {
        padding-left: 68px;
        padding-right: 68px;
    }
}

@media (max-width: 1280px) {
    #top {
        padding-left: 4%;
        padding-right: 4%;
    }
}

#top .grid {
	max-width: 1366px;
	margin: auto;
	position: relative;
}

#top .grid a {
	position: absolute;
	top: -3px;
	height: 47px;
	border-bottom: 0;
	display: flex;
	align-items: center;
}

#top .grid a svg {
    width: 168px;
}

#bottom > div {
	height: 62px;
    margin: 0 auto;
    max-width: 1150px;
    position: relative;
    padding-top: 13px;
    line-height: 54px;
}

#bottom a {
    border-bottom: 0;
}

#bottom a svg {
    height: 26px;
    width: 125px;
    position: relative;
    top: 5px;
}

#purchaseTitle {
	text-align:center;
	margin: 0 auto 52px;
}

#purchaseTitle span {
	font-size: 44px;
	font-weight: 600;
	color: #121212;
}

#purchaseTitle span.accountName {
  font-size: 27px;
  color: #ABB3B3;
  font-weight: 500;
}

#purchaseTitle p {
	font-weight: 400;
	font-size: 24px;
	color: #2b2b2b;
}

.manageUsers {
	font-size: 13px;
	cursor:pointer;
	line-height:25px;
}

.manageUsersError {
	font-size: 13px;
	display:none;
	margin-left:2px;
}

#closeUsers {
	padding: 0;
	display:none;
}

#closeUsers span {
	background-color: white;
    float: right;
    height: 20px;
    position: relative;
    top: -20px;
    width: 35px;
    cursor: pointer;
    text-align: center;
}

#selectAllUsers, #clearAllUsers {
	font-size: 13px;
	cursor:pointer;
}

.members .column {
	float: left;
	width: 48%;
}
 
.members .member {
	border-bottom: 1px solid #cfd7d9;
    line-height: 30px;
    padding-left: 10px;
    margin-top: 5px;
    -webkit-user-select: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;  
    
}

.members .member:last-child, 
.members .member:nth-last-child(2) {
   border: none;
}

.members .member #accountUser {
	display: inline-block;
	width: 90%;
}

.members .member #accountUser span{
	color:#21c0c0;
	font-size:14px;
}

#accountUser div {
	color: #929292;
    font-size: 13px;
    margin-bottom: 3px;
    margin-top: -15px;
}

.member input[type='checkbox'] {
	float: right;
    position: relative;
    top: 15px;
    right: 8px;
    display:none;
}

#signin .popup{
  cursor: pointer;
}

.resellerAnchor2 {
	font-weight: normal;
	font-size: 10px;
}

.resellerAnchor2 > div {
	left: 32px;
	position: relative;
	top: -25px;
	font-size: 13px;
	line-height: 13px;
}

.resellerAnchor2 > div span {
  font-weight: 500;
}

#ccDetails div:first-child {
	float:left;
	display:inline;
	margin-top:2px;
}

#ccDetails div:last-child {
	font-size: 11px;
	display: inline;
	float: right;
	width: 119px;
	line-height: 11px;
}

#ccDetails div:last-child span {
  font-weight: 500;
}


#btDetails {
	margin-bottom:20px;
	padding-top: 43px;
}

#btDetails span {
	padding-top: 24px;
	position: absolute;
	font-size: 10px;
	color: #8c969d;
}

.center-details.submit-form > div {
	font-size: 12px;
	padding-top: 13px;
}

#loginAnchor {
	cursor: pointer;
}

.thanks .container {
	text-align: center;
	margin: 0 auto;
}

.thanks .container div {
    text-align: center;
}

.thanks #heartLogo {
	background-image: url("https://www.justinmind.com/backend/images/thanks-hearth-icon@2x.png");
	background-repeat: no-repeat;
	background-size: 84px 77px;
	width: 84px;
	height: 77px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.thanks .container span {
	font-size: 50px;
    font-weight: 900;
}

.thanks #title {
	font-size: 22px;
	font-weight: 300;
}

.thanks .separator {
	width: 250px;
	margin-top: 45px;
	margin-bottom: 20px;
	color: #959595;
	padding-top: 0px;
}

.thanks #linksBox {
	width: 100%;
	text-align: center;
    padding-top: 30px;
    padding-bottom: 80px;
}

.thanks #linksBox div{
    text-align: center;
}

#linksBox #linksTitle {
	font-size: 18px;
}

#linksBox .message {
	margin: 0 auto;
    width: 620px;
    color: #a5a5a5;
    padding-top: 8px;
    font-weight: 300;
}

#linksBox #icons {
	margin-top: 40px;
	padding-left: 0px;
}

#linksBox #icons li {
	background-color: white;
    display: inline-table;
    font-weight: 500;
    width: 190px;
}

#linksBox #icons li a {
	text-decoration: none;
}

#icons #setup {
	background-image: url("https://www.justinmind.com/backend/images/rocket-users-icon@2x.png");
	background-repeat: no-repeat;
	background-size: 128px 86px;
	width: 128px;
	height: 86px;
	margin: 0 auto;
}

#icons #account {
	background-image: url("https://www.justinmind.com/backend/images/magnifying-glass-icon@2x.png");
	background-repeat: no-repeat;
	background-size: 128px 86px;
	width: 128px;
	height: 86px;
	margin: 0 auto;
}

#icons #invoices {
	background-image: url("https://www.justinmind.com/backend/images/invoice-icon@2x.png");
	background-repeat: no-repeat;
	background-size: 128px 86px;
	width: 128px;
	height: 86px;
	margin: 0 auto;
}

#icons p {
	color: #a5a5a5;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 400;
}

.thanks #contact {
	text-align: center;
}

.thanks #contact #claim {
	color: #82888C;
	margin-bottom: 0;
	font-size: 13px;
}

.thanks #contact .social {
	padding-left: 0;
}

.thanks #contact .social a{
  text-decoration: none;
  border-bottom: none;
}

.thanks #contact .social li {
	display: inline-block;
	margin-right: 15px;
}

.thanks #contact .social li:last-child {
	maring-right: 0px;
}

#accountUser .ownerText {
	font-size:12px; 
	display: inline;
}

.hosted-field{
  height: 50px;
  border: 1px solid #ced3d6;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;    
  webkit-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
  padding: 6px 12px;
  border-radius: 4px;
}

.hosted-field.error{
  border: 1px solid #ef4747;
}

div.hosted-field.braintree-hosted-fields-focused{
  border: 2px solid #0099ff;
  outline: none;
}

.atf-tooltip{
  position:relative;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}

.arrow-top.atf-container > .arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.arrow-top.atf-container > .arrow, .arrow-right.atf-container > .arrow, .arrow-bottom.atf-container > .arrow, .arrow-left.atf-container > .arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.arrow-top.atf-container > .content, .arrow-top.atf-container > .outer, .arrow-right.atf-container > .content, .arrow-right.atf-container > .outer, .arrow-bottom.atf-container > .content, .arrow-bottom.atf-container > .outer, .arrow-left.atf-container > .content, .arrow-left.atf-container > .outer {
  overflow: hidden;
  background-color: #fff;
}

.arrow-left.atf-container--i29{
  padding-left:10px;
}

.arrow-left.atf-container--i29>.arrow{
  top:70%;
  left:0;
  margin-top:-10px;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-right:10px solid #fff;
}

.atf-container.visible {
  visibility: visible;
  opacity: 1;
}

.arrow-top.atf-container--i29 {
  padding-top: 5px;
}

.atf-container--i29 {
  position: absolute;
  display: block;
  visibility: visible;
  opacity: 0;
  overflow: visible;
  width: 268px;
  z-index: 130;
  transition: all 0.25s;
}

.arrow-top.atf-container--i29 > .arrow {
  top: 97px;
  left: 0px;
  /*margin-left: -5px;*/
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 11px solid #fff;
}





.arrow-top.atf-container--i29 > .arrow ~ .content {
  margin-top: 5px;
}



.atf-container--i29 > .content {
  border-radius: 4px;
  box-shadow: 0px 0px 32px 0px rgba(13,13,13,0.27);
}

.text--i10 {
  padding: 13px 20px;
  text-align: center;
}

.text--i10 .text--0 {
  font-size: 11px;
  color: #5f6568;
}

.text--i10 .text--0, .text--i10 .text--1 {
  display: block;
  font-family: Montserrat,Arial;
  font-weight: 400;
}

.text--i10 .text--1 {
  font-size: 14px;
  color: #5f6568;
}

.text--i10 .text--0, .text--i10 .text--1 {
  display: block;
  font-family: Montserrat,Arial;
  font-weight: 400;
}

.discounts {
  font-weight: 500;
  font-size: 14px;
  color: #2b2b2b;
  position: relative;
  z-index: 1000;
  top: -3px;
}

.discounts span{
  vertical-align: middle;
}

.discounts-content {
  font-family: Montserrat;
  color: #2b2b2b;
}

.discounts-content table {
  border-collapse: collapse;
  width: 230px;
}

.discounts-content thead {
  font-weight: 500;
  font-size: 12.67px;
}

.discounts-content tbody {
  font-weight: 400;
  font-size: 13.33px;
}

.discounts-content td, .discounts-content thead tr:last-child td {
  border-bottom: 1px solid #e5e5e5;
  height: 30px;
}

.discounts-content tr:last-child td{
  border-bottom: none;
}

.icon-question-mark{
  background: url('https://www.justinmind.com/backend/images/question.svg') no-repeat center center;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
}

#select2-employees-results, #select2-reseller-employees-results{
  max-height: none;
}

.smallBox{
  margin: 0 auto;
  max-width: 656px;
  padding: 43px 60px;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 10%) 0 0 10px;
  box-sizing: border-box;
  text-align: center;
}

.button {
    font-size: 16px;
    margin-top: 30px;
    cursor: pointer;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    border-radius: 4px;
    border: 1px solid #000;
    transition: border-color 0.5s ease-in-out, background-color 0.5s ease-in-out, background-image 0.5s ease-in-out;
}

.button:hover{
    color: #2b2b2b;
    background-color: #fff;
}

.smallBox .placeholder.active.animate{
    background-color: #fff
}

.bottomDiv {
  margin-top: 12px;
  text-align: left;
  background-image: url("data:image/svg+xml,%3Csvg width='31px' height='30px' viewBox='0 0 31 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Emainbar_share_icon copy%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Producte' transform='translate(-94.000000, -3527.000000)'%3E%3Cg id='JUSTINMIN-JIM-V9' transform='translate(72.097656, 120.000000)'%3E%3Cg id='TOOLBARS' transform='translate(1.000000, 0.000000)'%3E%3Cg id='Main-Toolbar' transform='translate(2.000000, 58.000000)'%3E%3Cg id='SLICES' transform='translate(0.000000, 33.000000)'%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath d='M108.344477,3533.13373 L108.344477,3553.91813 C108.344477,3554.57052 108.860996,3555.1 109.5,3555.1 C110.139004,3555.1 110.655523,3554.57052 110.655523,3553.91813 L110.655523,3533.13373 L117.927233,3540.57125 C118.15256,3540.80171 118.448374,3540.91754 118.744188,3540.91754 C119.040002,3540.91754 119.335816,3540.80171 119.561143,3540.57125 C120.012952,3540.10914 120.012952,3539.36219 119.561143,3538.90008 L110.316955,3529.44511 C110.210647,3529.33637 110.083539,3529.2501 109.94141,3529.18982 C109.802747,3529.13191 109.657151,3529.10236 109.509244,3529.1 C109.342849,3529.10236 109.197253,3529.13191 109.05859,3529.18982 C108.916461,3529.2501 108.789353,3529.33637 108.681889,3529.44511 L99.4388573,3538.90008 C98.9870476,3539.36219 98.9870476,3540.10914 99.4388573,3540.57125 C99.8906669,3541.03336 100.620958,3541.03336 101.072767,3540.57125 L108.344477,3533.13373 Z' id='Fill-1585' stroke='%230099FF' stroke-width='0.5' fill='%230099FF' transform='translate(109.500000, 3542.100000) rotate(-90.000000) translate(-109.500000, -3542.100000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 15px 15px;
}

.bottomLink, .bottomLink a {
  font-size: 12px;
  font-weight: 400;
  color: #0099ff;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid #0099ff;
  padding-left: 20px;
}

.textStandard {
    font-size: 14px;
    text-align: left;
}