/*
    font-family: 'Open Sans', sans-serif;
*/

.body
{
   background-color: #F6F6F7;
}

.subtitle1red
{
   color: #C10101 !important;
}

.subtitle1green
{
   color: #03872A !important;
}

.margin_center
{
   margin: 0 auto !important;
}

.centerthis
{
   width: 100%;
   text-align: center;
}

.createkeytext
{
   font-weight: 500;
   color: #324354;
}

.warn
{
   font-size: 20px;
}

.append_note
{
   font-size: 14px;
   min-height: 33px;
   margin-top: 2px;
   color: #049144;
}

.lastdoneline
{
   margin-top: 10px;
   font-size: 13px;
   color: #818181;    
}

.lastdoneline_green
{
   color: #464FA9;    
}

.new_too_box
{
   margin-top: 20px;
}

.augment_too_selector_span
{
    cursor: pointer;
}

.key_box
{
   width: 320px;
   font-size: 14px;
   margin-top: 20px;
   color: #262C6A;
   padding: 4px;
   border-radius: 6px;
   text-align: center;
   border: 1px solid #7F84BD;
}

.hidethis
{
   display: none;
}

.learnlink
{
    width: 100%;
    text-align: center;
    color: #302223;
    font-family: 'Open Sans', sans-serif;
    margin-top: 30px;
    font-size: 14px !important;
    margin-bottom: 20px;
}

.pleasewait_logo
{
   max-width: 120px !important;
   width: 100%;
   height: auto;
}

.shopify_logo
{
   max-width: 130px;
   width: 100%;
   height: auto;
}

a.nounderline:link, a.nounderline:visited, a.nounderline:hover, a.nounderline:focus, a.nounderline:active
{
    text-decoration: none !important;
}

a.learnlink:link, a.learnlink:visited, a.learnlink:hover
{
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline;
    color: #2C6ECB;
}

.pleasewait
{
    width: 100%;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 15.5px;
    text-align: center;
    color: #666666;
    margin-top: 25px;
    line-height: 1.2em;
}

.subtitle1
{
    width: 100%;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    text-align: center;
    color: #302223;
    margin-top: 20px;
    line-height: 1.2em;
}

.redbutton
{
   background-color: #BA2121 !important;
}

.greenbutton
{
   width: 220px !important;
   color: white;
   background-color: #262C6A;
   font-size: 14px;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 18px;
   padding-right: 18px;
   font-family: 'Open Sans', sans-serif;
   cursor: pointer;
   border-radius: 4px;
   text-align: center;
}

.klavbutton
{
   width: 220px !important;
   color: white;
   background-color: #373F47;
   font-size: 14px;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 18px;
   padding-right: 18px;
   font-family: 'Open Sans', sans-serif;
   cursor: pointer;
   border-radius: 4px;
   text-align: center;
}

.subtitle2
{
    width: 100%;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #565861;
    line-height: 1.6em;
    margin-top: 18px;
    margin-bottom: 20px;
}

.mainbox
{
    width: 100%;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    background-color: white;
    color: #302223;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 50px;
    outline: .0625rem solid #E7E7E7;
    border-radius: 0.5rem;
    box-shadow: 10px 10px 12px -15px rgba(0,0,0,0.79);
    -webkit-box-shadow: 10px 10px 12px -15px rgba(0,0,0,0.79);
    -moz-box-shadow: 10px 10px 12px -15px rgba(0,0,0,0.79);
}

.title
{
    font-size: 18.5px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    color: #202223;
}

.smallspace1
{
   font-size:0;height:2px;
}

.smallspace2
{
   font-size:0;height:5px;
}

.smallspace3
{
   font-size:0;height:8px;
}

.smallspace4
{
   font-size:0;height:10px;
}

.smallspace5
{
   font-size:0;height:15px;
}

.mycallout1 { background-color: #E8F9CD !important; }
.mycallout2 { background-color: #DCECF6 !important; }
.mycallout3 { background-color: #E0DDFF !important; }
.mycallout4 { background-color: #F2CCF3 !important; }
.mycallout5 { background-color: #C48080 !important; }
.mycallout6 { background-color: #FEE5D3 !important; }

.mycalloutborder1 { border: 1px solid red; }
.mycalloutborder2 { border: 1px solid blue; }
.mycalloutborder3 { border: 1px solid green; }
.mycalloutborder4 { border: 1px solid orange; }
.mycalloutborder5 { border: 1px solid brown; }
.mycalloutborder6 { border: 1px solid pink; }





/** Fancy checkbox **/
label input {
    display: none; 
}

label span 
{
    height: 24px;
    width: 24px;
    border: 1px solid grey;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

[type=checkbox]:checked + span:before {
    content: '\2714';
    font-size: 25px;
    color: #008060;
    position: absolute;
    top: -8px;
    left: 1px;
}

.checkboxtext
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #565861;   display: inline-block;
    position: relative;
    /* cursor: pointer; */
    top: -6px;
    padding-left: 5px;
}