
/* 
    Pro version 
*/

.bt {
    display: inline-block;
    padding: 0 18px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 5px;
    font-family: franchiseregular;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}

.btn-small {
    filter: none !important;
    display:inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    border-radius: 6px;
    padding:0 12px;
    color: #fff;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    min-width: 20px;
    color: #fff;
    font-size: 17px;
    /*text-transform: uppercase;*/
    font-family: franchiseregular;
    margin: 0 3px;
    white-space: nowrap;
}


.btn-fw {
    filter: none !important;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    position: relative;
    border-radius: 8px 0 0 8px;
    padding: 0 10px;
    color: #fff;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    min-width: 82px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: franchiseregular;
    box-shadow: -2px 3px 3px rgba(0, 0, 0, .10);
    margin: 0 3px;
}
.btn-bw {
    filter: none !important;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    position: relative;
    border-radius: 0 8px 8px 0;
    padding: 0 10px;
    color: #fff;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    min-width: 82px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: franchiseregular;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, .10);
    margin: 0 3px;
}

.fw-bw {
    filter: none !important;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    position: relative;
    padding: 0 10px;
    color: #fff;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    min-width: 82px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: franchiseregular;
    box-shadow: -2px 3px 3px rgba(0, 0, 0, .10);
    margin: 0 3px;
}

/* Green button <NEXT> */

.fw {
    background: #8cc649;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4Y2M2NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4OGM5NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiM2ZGFlMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjQ5ZjIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #8cc649 0%, #88c941 50%, #6dae26 52%, #649f23 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cc649), color-stop(50%,#649f23), color-stop(52%,#6dae26), color-stop(100%,#649f23));
    background: -webkit-linear-gradient(top,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -o-linear-gradient(top,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -ms-linear-gradient(top,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: linear-gradient(to bottom,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc649', endColorstr='#649f23',GradientType=0 );
}

.fw:after {
    z-index: -1;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 1px;
    right: -10px;
    top: 8px;
    -webkit-transform: rotate(45deg) skew(17deg, 17deg);
    -moz-transform:rotate(45deg) skew(17deg, 17deg);
    -o-transform:rotate(45deg) skew(17deg, 17deg);
    -ms-transform:rotate(45deg) skew(17deg, 17deg);
    transform: rotate(45deg) skew(17deg, 17deg);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background: #8cc649;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYzY0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg4Yzk0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzZkYWUyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDlmMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(-45deg, #8cc649 0%, #88c941 50%, #6dae26 52%, #649f23 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8cc649), color-stop(50%,#88c941), color-stop(52%,#6dae26), color-stop(100%,#649f23));
    background: -webkit-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -o-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -ms-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: linear-gradient(135deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc649', endColorstr='#649f23',GradientType=1 );
}
.green-fw:after {
    z-index: -1;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 1px;
    right: -10px;
    top: 8px;
    -webkit-transform: rotate(45deg) skew(17deg, 17deg);
    -moz-transform:rotate(45deg) skew(17deg, 17deg);
    -o-transform:rotate(45deg) skew(17deg, 17deg);
    -ms-transform:rotate(45deg) skew(17deg, 17deg);
    transform: rotate(45deg) skew(17deg, 17deg);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background: #8cc649;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYzY0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg4Yzk0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzZkYWUyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDlmMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(-45deg, #8cc649 0%, #88c941 50%, #6dae26 52%, #649f23 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8cc649), color-stop(50%,#88c941), color-stop(52%,#6dae26), color-stop(100%,#649f23));
    background: -webkit-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -o-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -ms-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: linear-gradient(135deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc649', endColorstr='#649f23',GradientType=1 );
}
.grey-fw:after {
    z-index: -1;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 1px;
    right: -10px;
    top: 8px;
    -webkit-transform: rotate(45deg) skew(17deg, 17deg);
    -moz-transform:rotate(45deg) skew(17deg, 17deg);
    -o-transform:rotate(45deg) skew(17deg, 17deg);
    -ms-transform:rotate(45deg) skew(17deg, 17deg);
    transform: rotate(45deg) skew(17deg, 17deg);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background: #c8c8c8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzhjOGM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYTlhOGE4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjOTM5MjkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExYTFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
}
.grey-fw:hover:after {
    z-index: -1;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 1px;
    right: -10px;
    top: 8px;
    -webkit-transform: rotate(45deg) skew(17deg, 17deg);
    -moz-transform:rotate(45deg) skew(17deg, 17deg);
    -o-transform:rotate(45deg) skew(17deg, 17deg);
    -ms-transform:rotate(45deg) skew(17deg, 17deg);
    transform: rotate(45deg) skew(17deg, 17deg);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background: #c8c8c8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzhjOGM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYTlhOGE4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjOTM5MjkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExYTFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
}
/* Red button <BACK> */
.bw {
    background: #fb6060; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYjYwNjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmYTM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmZjI3MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmEzODM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #fb6060 1%, #fa3838 50%, #ff2727 50%, #fa3838 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fb6060), color-stop(50%,#fa3838), color-stop(50%,#ff2727), color-stop(100%,#fa3838));  
    background: -webkit-linear-gradient(top, #fb6060 1%,#fa3838 50%,#ff2727 50%,#fa3838 100%);  
    background: -o-linear-gradient(top, #fb6060 1%,#fa3838 50%,#ff2727 50%,#fa3838 100%);  
    background: -ms-linear-gradient(top, #fb6060 1%,#fa3838 50%,#ff2727 50%,#fa3838 100%); 
    background: linear-gradient(to bottom, #fb6060 1%,#fa3838 50%,#ff2727 50%,#fa3838 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6060', endColorstr='#fa3838',GradientType=0 );
}

.bw:before {
    z-index: -1;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 1px;
    left: -10px;
    top: 8px;
    -webkit-transform: rotate(45deg) skew(17deg, 17deg);
    -moz-transform:rotate(45deg) skew(17deg, 17deg);
    -o-transform:rotate(45deg) skew(17deg, 17deg);
    -ms-transform:rotate(45deg) skew(17deg, 17deg);
    transform: rotate(45deg) skew(17deg, 17deg);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background: #fb6060;  
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZhMzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmMjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(-45deg, #fb6060 0%, #fa3838 50%, #ff2727 52%, #fa3838 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fb6060), color-stop(50%,#fa3838), color-stop(52%,#ff2727), color-stop(100%,#fa3838));  
    background: -webkit-linear-gradient(-45deg, #fb6060 0%,#fa3838 52%,#ff2727 50%,#fa3838 100%);  
    background: -o-linear-gradient(-45deg, #fb6060 0%,#fa3838 52%,#ff2727 50%,#fa3838 100%);  
    background: -ms-linear-gradient(-45deg, #fb6060 0%,#fa3838 52%,#ff2727 50%,#fa3838 100%); 
    background: linear-gradient(135deg, #fb6060 0%,#fa3838 52%,#ff2727 50%,#fa3838 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6060', endColorstr='#fa3838',GradientType=0 );
}
.orange:hover,.blue:hover,.red:hover,.btn-bw:hover{
    background: #8cc649;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4Y2M2NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4OGM5NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiM2ZGFlMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjQ5ZjIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #8cc649 0%, #88c941 50%, #6dae26 52%, #649f23 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cc649), color-stop(50%,#649f23), color-stop(52%,#6dae26), color-stop(100%,#649f23));
    background: -webkit-linear-gradient(top,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -o-linear-gradient(top,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -ms-linear-gradient(top,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: linear-gradient(to bottom,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc649', endColorstr='#649f23',GradientType=0 );
    color: #fff;
}
.green:hover {
    background: #a5e5ed; /* Old browsers */ 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhNWU1ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM2NGFiYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMxYTdjOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzQ5NGIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #a5e5ed 0%, #64abc5 50%, #1a7c9c 50%, #3494b1 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5e5ed), color-stop(50%,#64abc5), color-stop(50%,#1a7c9c), color-stop(100%,#3494b1)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #a5e5ed 0%,#64abc5 50%,#1a7c9c 50%,#3494b1 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #a5e5ed 0%,#64abc5 50%,#1a7c9c 50%,#3494b1 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #a5e5ed 0%,#64abc5 50%,#1a7c9c 50%,#3494b1 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #a5e5ed 0%,#64abc5 50%,#1a7c9c 50%,#3494b1 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5e5ed', endColorstr='#3494b1',GradientType=0 ); /* IE6-9 */
    color: #fff;
}
.btn-bw:hover:before{
    background: #8cc649;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYzY0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg4Yzk0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzZkYWUyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDlmMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(-45deg, #8cc649 0%, #88c941 50%, #6dae26 52%, #649f23 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8cc649), color-stop(50%,#88c941), color-stop(52%,#6dae26), color-stop(100%,#649f23));
    background: -webkit-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -o-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -ms-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: linear-gradient(135deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc649', endColorstr='#649f23',GradientType=1 );
}
.red-bw:before{
    z-index: -1;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 1px;
    right: 92px;
    top: 8px;
    -webkit-transform: rotate(45deg) skew(17deg, 17deg);
    -moz-transform:rotate(45deg) skew(17deg, 17deg);
    -o-transform:rotate(45deg) skew(17deg, 17deg);
    -ms-transform:rotate(45deg) skew(17deg, 17deg);
    transform: rotate(45deg) skew(17deg, 17deg);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZhMzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmMjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.red-bw:hover:before{
    z-index: -1;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 1px;
    right: 92px;
    top: 8px;
    -webkit-transform: rotate(45deg) skew(17deg, 17deg);
    -moz-transform:rotate(45deg) skew(17deg, 17deg);
    -o-transform:rotate(45deg) skew(17deg, 17deg);
    -ms-transform:rotate(45deg) skew(17deg, 17deg);
    transform: rotate(45deg) skew(17deg, 17deg);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background: #8cc649;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYzY0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg4Yzk0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzZkYWUyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDlmMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(-45deg, #8cc649 0%, #88c941 50%, #6dae26 52%, #649f23 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8cc649), color-stop(50%,#88c941), color-stop(52%,#6dae26), color-stop(100%,#649f23));
    background: -webkit-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -o-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -ms-linear-gradient(-45deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: linear-gradient(135deg, #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc649', endColorstr='#649f23',GradientType=1 );
}
.green-fw:hover:after{
    z-index: -1;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 1px;
    right: -10px;
    top: 8px;
    -webkit-transform: rotate(45deg) skew(17deg, 17deg);
    -moz-transform:rotate(45deg) skew(17deg, 17deg);
    -o-transform:rotate(45deg) skew(17deg, 17deg);
    -ms-transform:rotate(45deg) skew(17deg, 17deg);
    transform: rotate(45deg) skew(17deg, 17deg);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIAoKMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiAKCngxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1ZTVlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY0YWJjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzFhN2M5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDk0YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.orange {
    background: #f89934; /* Old browsers */ 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmODk5MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNjhlMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmNjcwMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjY4ODFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #f89934 0%, #f68e20 50%, #f6701f 51%, #f6881f 99%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f89934), color-stop(50%,#f68e20), color-stop(51%,#f6701f), color-stop(99%,#f6881f)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #f89934 0%,#f68e20 50%,#f6701f 51%,#f6881f 99%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #f89934 0%,#f68e20 50%,#f6701f 51%,#f6881f 99%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #f89934 0%,#f68e20 50%,#f6701f 51%,#f6881f 99%); /* IE10+ */ 
    background: linear-gradient(to bottom, #f89934 0%,#f68e20 50%,#f6701f 51%,#f6881f 99%); /* W3C */ 
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89934', endColorstr='#f6881f',GradientType=0 ); */
}
.blue {
    background: #a5e5ed; /* Old browsers */ 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhNWU1ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM2NGFiYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMxYTdjOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzQ5NGIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #a5e5ed 0%, #64abc5 50%, #1a7c9c 50%, #3494b1 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5e5ed), color-stop(50%,#64abc5), color-stop(50%,#1a7c9c), color-stop(100%,#3494b1)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #a5e5ed 0%,#64abc5 50%,#1a7c9c 50%,#3494b1 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #a5e5ed 0%,#64abc5 50%,#1a7c9c 50%,#3494b1 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #a5e5ed 0%,#64abc5 50%,#1a7c9c 50%,#3494b1 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #a5e5ed 0%,#64abc5 50%,#1a7c9c 50%,#3494b1 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5e5ed', endColorstr='#3494b1',GradientType=0 ); /* IE6-9 */
}
.grey {
    cursor: default;
    pointer-events: none; /* Disable click event - CSS3 */
    background: #c8c8c8; /* Old browsers */ 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNhOWE4YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiM5MzkyOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTFhMWExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #c8c8c8 0%, #a9a8a8 52%, #939292 52%, #a1a1a1 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(52%,#a9a8a8), color-stop(52%,#939292), color-stop(100%,#a1a1a1)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #c8c8c8 0%,#a9a8a8 52%,#939292 52%,#a1a1a1 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #c8c8c8 0%,#a9a8a8 52%,#939292 52%,#a1a1a1 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #c8c8c8 0%,#a9a8a8 52%,#939292 52%,#a1a1a1 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #c8c8c8 0%,#a9a8a8 52%,#939292 52%,#a1a1a1 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#a1a1a1',GradientType=0 ); /* IE6-9 */
}
.red {
    background: #fb6060; /* Old browsers */ 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYjYwNjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmYTM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmZjI3MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmEzODM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #fb6060 1%, #fa3838 50%, #ff2727 50%, #fa3838 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fb6060), color-stop(50%,#fa3838), color-stop(50%,#ff2727), color-stop(100%,#fa3838)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #fb6060 1%,#fa3838 50%,#ff2727 50%,#fa3838 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #fb6060 1%,#fa3838 50%,#ff2727 50%,#fa3838 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #fb6060 1%,#fa3838 50%,#ff2727 50%,#fa3838 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #fb6060 1%,#fa3838 50%,#ff2727 50%,#fa3838 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6060', endColorstr='#fa3838',GradientType=0 ); /* IE6-9 */
    color: #fff;
}
.green {
    background: #8cc649;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgCgpwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIAoKeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4Y2M2NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4OGM5NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiM2ZGFlMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjQ5ZjIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #8cc649 0%, #88c941 50%, #6dae26 52%, #649f23 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cc649), color-stop(50%,#649f23), color-stop(52%,#6dae26), color-stop(100%,#649f23));
    background: -webkit-linear-gradient(top,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -o-linear-gradient(top,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: -ms-linear-gradient(top,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    background: linear-gradient(to bottom,  #8cc649 0%,#88c941 50%,#6dae26 52%,#649f23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc649', endColorstr='#649f23',GradientType=0 );
}
.rep-icon:after {
    background: url(../../Images/1.1/add-icon.png);
    content: '';
    position: absolute;
    width: 22px;
    height: 21px;
    left: 10px;
    top: 7px;
}

.changeImage:after{
    background: url(../../Images/1.1/send-icon.png);
    content: '';
    position: absolute;
    width: 22px;
    height: 21px;
    left: 10px;
    top: 7px;
}

.gmail-icon:before {
    background: url(../../Images/1.1/email-icon.png) no-repeat;
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    left: 10px;
    top: 9px;
}
.wrap-box-control {
    position: relative;
    float: right;
    display: -webkit-box;
    width: 100%;
    padding-bottom: 20px;
}

a i.google {
    background: url(../../Images/1.1/icon-google.png) 0 0 no-repeat;
    display: inline-block;
    height: 24px;
    width: 18px;
    margin: -5px 0;
}

i.g-drive {
    background: url(../../Images/1.1/google-drive-icon-transparent.png) 0 0 no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 20px;
    width: 22px;
    margin: 5px 0 -1px -5px;
}

i.dropbox {
    background: url(../../Images/1.1/dropbox-icon-transparent.png) 0 0 no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 20px;
    width: 22px;
    margin: 5px 0 -1px -5px;
}

a i.open-file {
    background: url(../../Images/1.1/openFileIcon.png);
    display: inline-block;
    height: 21px;
    width: 29px;
    margin: 5px 0 -1px -5px;
}
a i.upload {
    background: url(../../Images/1.1/uploadFileIcon.png);
    display: inline-block;
    width: 22px;
    height: 21px;
    margin: 5px 0 -1px -5px;
}

