/*===== Buttons styles START ===== */

span.btns-spacer {
    display: block;
    float: left;
    margin-right: 10px;
}
/* default white & blue button */
.main-btn-wrapper {display: block; text-align: center;}
.btns-container-centered {display: table; margin: 0 auto;}
.btns-container-centered .btn-default:first-child {margin-right: 0px;}
.btn-default {
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-family: 'roboto_condensedregular';
    text-transform: uppercase;
    font-size: 20px;
    margin: 10px auto;
}
a.btn-default {
    display: block;
    margin: 10px auto;
    float: left;
    outline: none;
}
@media (min-width: 320px) {
    .btn-default {
        height: 38px;
        -webkit-border-radius: 38px;
        -moz-border-radius: 38px;
        border-radius: 38px;
        padding: 4px 20px;
    }
    a.btn-default {
        font-size: 18px;
        padding: 0px 20px;
        line-height: 34px;
    }
}
@media (min-width: 992px) {
    .btn-default {
        height: 48px;
        -webkit-border-radius: 48px;
        -moz-border-radius: 48px;
        border-radius: 48px;
        font-size: 20px;
        padding: 7px 32px;
    }
    a.btn-default {
        font-size: 20px;
        padding: 0px 32px;
        line-height: 44px;
    }
}

@media (min-width: 320px) {
    .page-breadcrumb a.btn-default {margin: 0 0 0 20px;}
}
@media (min-width: 480px) {
    .page-breadcrumb a.btn-default {margin: 0;}
}
@media (min-width: 992px) {
    .page-breadcrumb a.btn-default {margin: 0;}
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
a.btn-default:hover,
a.btn-default:active,
a.btn-default:focus,
.page-breadcrumb a.btn-default:hover {
    outline: none;
}
.btn-white,
.btn-white:focus, .btn-white:active,
a.btn-white,
a.btn-white:visited, a.btn-white:active,
.page-breadcrumb a.btn-white {
    border: 2px solid #ededed;
    background-color: #FFF;
    color: #0d329a;
}

.btn-white:hover,
a.btn-white:hover,
.page-breadcrumb a.btn-white:hover {
    border: 2px solid #2749c3;
    background-color: #2749c3;
    color: #fff;
    outline: none;
}

.btn-white-light-blue-text,
.btn-white-light-blue-text:focus, .btn-white-light-blue-text:active,
a.btn-white-light-blue-text,
a.btn-white-light-blue-text:visited, a.btn-white-light-blue-text:active,
.page-breadcrumb a.btn-white-light-blue-text {
    border: 2px solid #ededed;
    background-color: #FFF;
    color: #47b9e1;
}

.btn-white-light-blue-text:hover,
a.btn-white-light-blue-text:hover,
.page-breadcrumb a.btn-white-light-blue-text:hover {
    border: 2px solid #66d1ec;
    background-color: #66d1ec;
    color: #fff;
    outline: none;
}

.btn-default.btn-arrow{
	text-align: left;
}
.btn-blue,
a.btn-blue,
.page-breadcrumb a.btn-blue {
	color: #fff !important;
	background-color: #0d329a;
        border: 2px solid #0d329a;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active,
a.btn-blue:hover, a.btn-blue:focus, a.btn-blue:active,
.page-breadcrumb a.btn-blue:hover {
	color: #fff !important;
        background-color: #2749c3;
        border: 2px solid #2749c3;
}
.btn-light-blue,
a.btn-light-blue,
.page-breadcrumb a.btn-light-blue {
	color: #fff !important;
	background-color: #47b9e1;
    border: 2px solid #47b9e1;
}
.btn-light-blue:hover, .btn-light-blue:focus, .btn-light-blue:active,
a.btn-light-blue:hover, a.btn-light-blue:focus, a.btn-light-blue:active,
.page-breadcrumb a.btn-light-blue:hover {
    border: 2px solid #66d1ec;
	background-color: #66d1ec;
	color: #fff !important;
}

/* btn with arrows */
.btn-default > span {
    position: relative;
    float: right;
}
.btn-default .css-arrow {
    display: block;
    text-align: center;
    height: 13px;
    width: 24px;
    margin: 7px 0px 0px 12px;
}
.btn-default .css-arrow:after {
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    height: 2px;
    width: 12px;
    background: #0d329a;
    -webkit-transform: skew(0deg, -6deg);
    -moz-transform: skew(0deg, -6deg);
    -ms-transform: skew(0deg, -6deg);
    -o-transform: skew(0deg, -6deg);
    transform: skew(0deg, -40deg);
}
.btn-default .css-arrow:before{
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    height: 2px;
    width: 12px;
    background: #0d329a;
    -webkit-transform: skew(0deg, 6deg);
    -moz-transform: skew(0deg, 6deg);
    -ms-transform: skew(0deg, 6deg);
    -o-transform: skew(0deg, 6deg);
    transform: skew(0deg, 40deg);
}
.btn-white:hover .css-arrow:before, .btn-white:focus .css-arrow:before, .btn-white:active .css-arrow:before,
.btn-white:hover .css-arrow:after, .btn-white:focus .css-arrow:after, .btn-white:active .css-arrow:after{
    background-color: #FFF;
}
.btn-default.btn-blue .css-arrow:after, .btn-default.btn-blue .css-arrow:before{
    background-color: #FFF;
}
.btn-blue:hover .css-arrow:before, .btn-blue:focus .css-arrow:before, .btn-blue:active .css-arrow:before,
.btn-blue:hover .css-arrow:after, .btn-blue:focus .css-arrow:after, .btn-blue:active .css-arrow:after{
    background-color: #fff;
}
.btn-default.btn-light-blue .css-arrow:after, .btn-default.btn-light-blue .css-arrow:before{
    background-color: #FFF;
}
.btn-light-blue:hover .css-arrow:before, .btn-light-blue:focus .css-arrow:before, .btn-light-blue:active .css-arrow:before,
.btn-light-blue:hover .css-arrow:after, .btn-light-blue:focus .css-arrow:after, .btn-light-blue:active .css-arrow:after{
    background-color: #fff;
}

/* custom button for elections 2016 */
.btn-default.elections-btn:hover {
    border: 0;
}
@media (min-width: 320px) {
    .btn-default.elections-btn {
        text-align: left;
        background-image: url("../images/election2016/BG-flag1.png");
        background-position: top right;
        background-repeat: no-repeat;
        border: 0;
        display: block;
        font-size: 16px;
    }
}
@media (min-width: 992px) {
    .btn-default.elections-btn{
        font-size: 18px;
        text-align: left;
    }
}

/* blue btn right colon with flag end*/

/* blue btn right colon with BG flag */
.election-right-colon-btn .btn-blue:hover {
    border: 0;
}
@media (min-width: 320px) {
    .election-right-colon-btn .btn-blue {
        text-align: left;
        background-image: url("../images/election2016/BG-flag1.png");
        background-position: top right;
        background-repeat: no-repeat;
        border: 0;
        height: 48px;
        display: block;
        line-height: 44px;
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    .election-right-colon-btn .btns-container-centered {
        width: 100%;
    }
    .election-right-colon-btn .btn-blue {
        width: 100%;
        padding-left: 15px;
        font-size: 14px;
        text-align: left;
    }
}
@media (min-width: 320px) {
    .election-left-colon-btn .btn-blue {
        text-align: left;
        background-image: url("../images/election2016/BG-flag1.png");
        background-position: top right;
        background-repeat: no-repeat;
        border: 0;
        height: 48px;
        display: block;
        line-height: 35px;
        font-size: 16px;
    }
    .election-left-colon-btn .btns-container-centered {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .election-left-colon-btn .btns-container-centered {
        width: 100%;
        float: right;
    }
    .election-left-colon-btn .btn-blue {
        font-size: 18px;
        text-align: left;
    }
}
/* blue btn right colon with flag end*/


/*===== Buttons styles END ===== */