/**
 * PŘEHLED 2.0 - BUTTONS
 * @created may 2013
 * @authors Šimon Rozsíval, Marek Lisý
 */

button.button,
a.button {
    display:inline-block;
    text-align: center;
    text-decoration: none;
    padding-top:10px;
    padding-bottom:10px;
}

button.button:not(.disabled):hover, a.button:not(.disabled):hover {
    background: #fbfbfb;
    background: -moz-linear-gradient(top,  #fbfbfb 0%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#d9d9d9));
    background: -webkit-linear-gradient(top,  #fbfbfb 0%,#d9d9d9 100%);
    background: -o-linear-gradient(top,  #fbfbfb 0%,#d9d9d9 100%);
    background: -ms-linear-gradient(top,  #fbfbfb 0%,#d9d9d9 100%);
    background: linear-gradient(to bottom,  #fbfbfb 0%,#d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d9d9d9',GradientType=0 );
}

button.button:active, a.button:active {
    box-shadow: inset 0 4px 2px -4px black;
}

button.button.disabled,
a.button.disabled {
    box-shadow: none;
}

button.button.disabled:hover,
a.button.disabled:hover {
    cursor: default;
}

button.button, a.button, input[type=button], input[type=submit], input[type=file]{
    font-family: 'Open Sans', sans-serif;
    font-size:11pt;
    font-weight: 600 !important;
    cursor:pointer;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:7px 25px;
    text-shadow: none;
    line-height: normal;
    -webkit-box-shadow: 0 4px 6px -6px black;
    -moz-box-shadow: 0 4px 6px -6px black;
    box-shadow: 0 4px 6px -6px black;
    background: #f4f4f6;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f6', endColorstr='#f4f4f6',GradientType=0 );
    color:#5f5f5f !important;
    border:1px solid #cfcfcf;
    padding-bottom: 6px;
}

button.button:not(.disabled):hover, a.button:not(.disabled):hover, input[type=button]:not(.disabled):hover,input[type=submit]:not(.disabled):hover, input[type=file]:not(.disabled):hover {
    color:#5f5f5f !important;
    border:1px solid #cfcfcf;
    background: -webkit-gradient(linear,left top, left bottom, from(#f4f4f6), to(#dddce2));
    background: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f6', EndColorStr='#dddce2', GradientType=0);
    background: -moz-linear-gradient(top, #f4f4f6, #dddce2);
    background: #f4f4f6;
    background: -moz-linear-gradient(top,  #f4f4f6 0%, #dddce2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f6), color-stop(100%,#dddce2));
    background: -webkit-linear-gradient(top,  #f4f4f6 0%, #dddce2 100%);
    background: -o-linear-gradient(top,  #f4f4f6 0%, #dddce2 100%);
    background: -ms-linear-gradient(top,  #f4f4f6 0%, #dddce2 100%);
    background: linear-gradient(to bottom,  #f4f4f6 0%,#dddce2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f6', endColorstr='#dddce2',GradientType=0 );
}

input::-moz-focus-inner { border: 0; }

input[type=submit]{
    padding:7px 30px;
    padding-bottom: 6px;
    margin-right: 2px;
}
@-moz-document url-prefix() {
    a.Button, input[type=button], input[type=submit] {
        min-width: 55px;
    }
    input[type=submit] {
        padding: 6px 30px;
    }
}


/* GREEN Button */
.button.green {
background: #60A526;
background: -moz-linear-gradient(top, #61AB22 0%, #61AB22 3%, #60A526 6%, #5EA524 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61AB22), color-stop(3%,#61AB22), color-stop(6%,#60A526), color-stop(100%,#5EA524));
background: -webkit-linear-gradient(top,  #61AB22 0%,#61AB22 3%,#60A526 6%,#5EA524 100%);
background: -o-linear-gradient(top,  #61AB22 0%,#61AB22 3%,#60A526 6%,#5EA524 100%);
background: -ms-linear-gradient(top,  #61AB22 0%,#61AB22 3%,#60A526 6%,#5EA524 100%);
background: linear-gradient(to bottom,  #61AB22 0%,#61AB22 3%,#60A526 6%,#5EA524 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60A526', endColorstr='#5EA524',GradientType=0 );
color:white !important;
border:1px solid #768866;
}
a.button.green:not(.disabled):hover, input.button.green:not(.disabled):hover {
background: #60A526;
background: -moz-linear-gradient(top, #61A924 0%, #61A924 3%, #5FA523 6%, #4A8519 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61A924), color-stop(3%,#61A924), color-stop(6%,#60A526), color-stop(100%,#4A8519));
background: -webkit-linear-gradient(top,  #61A924 0%,#61A924 3%,#60A526 6%,#4A8519 100%);
background: -o-linear-gradient(top,  #61A924 0%,#61A924 3%,#60A526 6%,#4A8519 100%);
background: -ms-linear-gradient(top,  #61A924 0%,#61A924 3%,#60A526 6%,#4A8519 100%);
background: linear-gradient(to bottom, #61A924 0%,#61A924 3%,#60A526 6%,#4A8519 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60A526', endColorstr='#4A8519',GradientType=0 );
color:white !important;
border:1px solid #4F945C;
}

/* BLUE Button */
.button.blue{
background: #4D95CB;
background: -moz-linear-gradient(top, #539CD2 0%, #539CD2 3%, #4D95CB 6%, #4C95CA 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#539CD2), color-stop(3%,#539CD2), color-stop(6%,#4D95CB), color-stop(100%,#4C95CA));
background: -webkit-linear-gradient(top,  #539CD2 0%,#539CD2 3%,#4D95CB 6%,#4C95CA 100%);
background: -o-linear-gradient(top,  #539CD2 0%,#539CD2 3%,#4D95CB 6%,#4C95CA 100%);
background: -ms-linear-gradient(top,  #539CD2 0%,#539CD2 3%,#4D95CB 6%,#4C95CA 100%);
background: linear-gradient(to bottom,  #539CD2 0%,#539CD2 3%,#4D95CB 6%,#4C95CA 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D95CB', endColorstr='#4C95CA',GradientType=0 );

border:1px solid #477ba3;
color:white !important;
}

button.button.blue:not(.disabled):hover,
a.button.blue:not(.disabled):hover, input.button.blue[type=submit]:not(.disabled):hover{
border:1px solid #477ba3;
color:white !important;
background: #4E98CE;
background: -moz-linear-gradient(top, #519AD0 0%, #519AD0 3%, #4E98CE 6%, #3C86BE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#519AD0), color-stop(3%,#519AD0), color-stop(6%,#4E98CE), color-stop(100%,#3C86BE));
background: -webkit-linear-gradient(top,  #519AD0 0%,#519AD0 3%,#4E98CE 6%,#3C86BE 100%);
background: -o-linear-gradient(top,  #519AD0 0%,#519AD0 3%,#4E98CD 6%,#3C86BE 100%);
background: -ms-linear-gradient(top,  #519AD0 0%,#519AD0 3%,#4E98CD 6%,#4C95CA 100%);
background: linear-gradient(to bottom,  #519AD0 0%,#519AD0 3%,#4E98CD 6%,#3C86BE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4E98CD', endColorstr='#3C86BE',GradientType=0 );
}


/* GRAY Button */
.button.gray{
background: #f4f4f6;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f6', endColorstr='#f4f4f6',GradientType=0 );
color:#5f5f5f !important;
border:1px solid #cfcfcf;
padding-bottom: 6px;
}

a.button.gray:not(.disabled):not(.disabled):hover, input.button.gray[type=submit]:not(.disabled):hover {
color:#5f5f5f !important;
border:1px solid #cfcfcf;
background: -webkit-gradient(linear,left top, left bottom, from(#f4f4f6), to(#dddce2));
background: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f6', EndColorStr='#dddce2', GradientType=0);
background: -moz-linear-gradient(top, #f4f4f6, #dddce2);
background: #f4f4f6;
background: -moz-linear-gradient(top,  #f4f4f6 0%, #dddce2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f6), color-stop(100%,#dddce2));
background: -webkit-linear-gradient(top,  #f4f4f6 0%, #dddce2 100%);
background: -o-linear-gradient(top,  #f4f4f6 0%, #dddce2 100%);
background: -ms-linear-gradient(top,  #f4f4f6 0%, #dddce2 100%);
background: linear-gradient(to bottom,  #f4f4f6 0%,#dddce2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f6', endColorstr='#dddce2',GradientType=0 );
}


/* ORANGE Button */
.button.orange{
background: #EC931E;
background: -moz-linear-gradient(top, #EF9824 0%, #EF9824 3%, #EC931E 6%, #EC931E 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EF9824), color-stop(3%,#EF9824), color-stop(6%,#EC931E), color-stop(100%,#EC931E));
background: -webkit-linear-gradient(top,  #EF9824 0%,#EF9824 3%,#EC931E 6%,#EC931E 100%);
background: -o-linear-gradient(top,  #EF9824 0%,#EF9824 3%,#EC931E 6%,#EC931E 100%);
background: -ms-linear-gradient(top,  #EF9824 0%,#EF9824 3%,#EC931E 6%,#EC931E 100%);
background: linear-gradient(to bottom,  #EF9824 0%,#EF9824 3%,#EC931E 6%,#EC931E 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC931E', endColorstr='#EC931E',GradientType=0 );
color:white !important;
border:1px solid #DF8307;
}

a.button.orange:not(.disabled):hover, input.button.orange[type=submit]:not(.disabled):hover{
color:white !important;
border:1px solid #DC7F06;

background: -moz-linear-gradient(top, #EF9824 0%, #EF9824 3%, #EC931E 6%, #D9760F 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EF9824), color-stop(3%,#EF9824), color-stop(6%,#EC931E), color-stop(100%,#D9760F));
background: -webkit-linear-gradient(top,  #EF9824 0%,#EF9824 3%,#EC931E 6%,#D9760F 100%);
background: -o-linear-gradient(top,  #EF9824 0%,#EF9824 3%,#EC931E 6%,#D9760F 100%);
background: -ms-linear-gradient(top,  #EF9824 0%,#EF9824 3%,#EC931E 6%,#D9760F 100%);
background: linear-gradient(to bottom,  #EF9824 0%,#EF9824 3%,#EC931E 6%,#D9760F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC931E', endColorstr='#D9760F',GradientType=0 );
}

.lessonStart {
    margin-top: 10px;
    margin-bottom: 45px;
}

a.facebook-inline {
    background: #3b5998;
    display:inline-block;
    text-align: center;
    text-decoration: none;
    padding: 5px 16px;
    border-radius: 2px;
    font-weight: 600;
    color: white;
}