/* Add here all your CSS customizations */

html {
  overflow-y: scroll;
}

.section-ad1, .section-ad2, .section-ad3 {
    margin: 15px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}
.section-ad1 {
    margin-top: 10px;
    margin-bottom: 2px;
}

#header .header-body {
    border-bottom: 1px solid #f1f1f1;
}

html .call-to-action.call-to-action-primary.letters1, .call-to-action.call-to-action-primary.letters2 {
    background: #0077B3;
    font-weight: bold;
    padding-top:5px;
    padding-bottom:5px;
}

.letters-row {
    width: 100%;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-pack: justify;
    -moz-box-align: center;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    display: box;
    box-pack: justify;
    box-align: center;
}


div .let1 {
       padding-right:0px;
    }
div .let2 {
       padding-left:0px;
    }
.letters1 {
       margin-right:0px;
       padding-right:12px;
    }
.letters2 {
        margin-left:0px;
        padding-left:12px;
    }

    @media (max-width: 575px) {
        div .let1 {
               padding-right:15px;
            }
        div .let2 {
               padding-left:15px;
            }
        .letters1 {
               margin-right:0px;
               padding-right:10px;
            }
        .letters2 {
                margin-left:0px;
                padding-left:10px;
            }
            .adh1 {min-height:65px;}
        }

    @media (min-width: 576px)  and (max-width: 767px){
        /*.ad2 { width: 320px; height: 200px; text-align:center;}*/
    .letters1 {
           margin-right:0px;
           padding-right:5px;
        }
    .letters2 {
            margin-left:0px;
            padding-left:5px;
        }
        .adh1 {min-height:65px;}
    }
    @media (min-width: 768px) and (max-width: 991px) {
        /*.ad2 { width: 768px; height: 200px; text-align:center;}*/
    .letters1 {
           margin-right:0px;
           padding-right:6px;
        }
    .letters2 {
            margin-left:0px;
            padding-left:6px;
        }
        .adh1 {min-height:95px;}
    }
    @media (min-width: 992px) and (max-width: 1199px) {
         /*.ad2 { width: 300px; height: 600px; text-align:center;}*/
         .letters1 {
           margin-right:0px;
           padding-right:8px;
        }
        .letters2 {
            margin-left:0px;
            padding-left:8px;
        }
        .adh1 {min-height:95px;}
    }
    @media (min-width: 1200px) {
         .ad2 { width: 300px; height: 600px; text-align:center;}
         .section-ad2 { padding-left: 40px; text-align: center;}
         .ad3 { width: 380px; height: 600px; text-align:center;}
         .adh1 {min-height:95px;}
    }

@media (min-width: 768px) {
	.logo-default {
		display: block !important;
	}
	.logo-small {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.logo-default {
		display: none !important;
	}
	.logo-small {
		display: block;
		width: 93px !important;
		height: 38px !important;
	}

	#header .header-logo {
		width: auto !important;
		height: auto !important;
	}
}

html.boxed body{
    background: #FEFEFE;
    /*background: linear-gradient(to bottom, blue, yellow);*/

     /* Day of Vyshyvanka - 05-17*/
    /*background-image: url("img/bg/vyshyvanka.jpg");
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: top;*/
}

.cont_link {
    color: #555;
    font-size: 13px;
}

.cont_p {
    line-height:24px;
    margin: 0px;
}

html .toggle-sum .toggle label {
	color: #3C8663;
	border-left-color: #3C8663;
	border-right-color: #3C8663;
}

html .toggle-sum .toggle.active > label {
	background-color: #3C8663;
	border-color: #3C8663;
	color: #ffffff;
}

html .toggle-sum.toggle-simple .toggle > label:after {
	background-color: #3C8663;
}

html .toggle-sum p {
	color: #555;
}

.toggle-sum .toggle-content p {
    padding: 5px 0;
}

html .toggle-slov .toggle label {
	color: #0088CC;
	border-left-color: #0088CC;
	border-right-color: #0088CC;
}

html .toggle-slov .toggle.active > label {
	background-color: #0088CC;
	border-color: #0088CC;
	color: #ffffff;
}

html .toggle-slov.toggle-simple .toggle > label:after {
	background-color: #0088CC;
}

html .toggle-slov p {
	color: #555;
}

.toggle-slov .toggle-content p {
    padding: 5px 0;
}

html .toggle-user .toggle label {
	color: #FFC107;
	border-left-color: #FFC107;
	border-right-color: #FFC107;
}

html .toggle-user .toggle.active > label {
	background-color: #FFC107;
	border-color: #FFC107;
	color: #ffffff;
}

html .toggle-user.toggle-simple .toggle > label:after {
	background-color: #ffc107;
}

html .toggle-user p {
	color: #555;
}

.toggle-user .toggle-content p {
    padding: 5px 0;
}

html .toggle-info .toggle label {
	color: #17A2B8;
	border-left-color: #17A2B8;
	border-right-color: #17A2B8;
}

html .toggle-info .toggle.active > label {
	background-color: #17A2B8;
	border-color: #17A2B8;
	color: #ffffff;
}

html .toggle-info.toggle-simple .toggle > label:after {
	background-color: #17A2B8;
}

html .toggle-info p {
	color: #555;
}

.toggle-info .toggle-content p {
    padding: 5px 0;
}

div .orfo {
    background:#0088CC;
    border-top: 2px solid #006699;
    color:#fff;
    margin:0px;
    padding: 0px 10px 2px 10px;
}

.toggle-content {
    background:#FCFCFC;
}

/* Table with fixed column start */

.table-scroll {
	position:relative;
	margin:auto;
	overflow:hidden;
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
}
.table-scroll th, .table-scroll td, .table-gen th, .table-gen td{
	padding:3px 10px;
	border:0px solid #eee;
	/*white-space:nowrap;*/
	vertical-align:middle;
    color:#555;
}
.table-scroll thead, .table-scroll tfoot, .table-gen thead {
	background:#DBF3FF;
    color: #555;
    text-align:center;
}
.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.clone th, .clone td {
	visibility:hidden
}
.clone td, .clone th {
	border-color:transparent
}
.clone tbody th {
	visibility:visible;
}
.clone .fixed-side {
	border-right:1px solid #E0E0E0;
    color:#0088CC;
	visibility:visible;
}
.clone thead, .clone tfoot {background:transparent;}

.odd td{
background: #FFFFFF;
}
.even td{
background: #F0F9FF;
}
.headline td{
background: #DBF3FF;
font-weight:bold;
text-align:center;
}
.subheadline td{
background: #F0F9FF;
color:#0088CC;
text-align:center;
}
.clone .fixed-side .odd td{
    color:#FFFFFF;
}
.clone .fixed-side .even td{
    color:#F0F9FF;
}

.clone th.fixed-side{
   border-right:1px solid #E0E0E0;
    background:#DBF3FF;
    white-space:nowrap;
}
.clone td.fixed-side{
	font-weight:bold;
    white-space:nowrap;
}
th.fixed-side{
    white-space:nowrap;
}
td.fixed-side{
    white-space:nowrap;
}
.table-gen th, .table-gen td{
	text-align:center;
}
/* Table with fixed column end */
.toggle {
    margin-top:15px;
}
.featured-box {
    margin-top:15px;
    margin-bottom:0px;
}
.nagolos {
    color:red;
}
.art_link {
    color: #555;
}

#footer .footer-link a {
    color: #FFF;
}
#footer .footer-link a:hover{
    text-decoration:underline;
}

#footer .footer-copyright a {
    color: #FFF;
}
#footer .footer-copyright a:hover{
    text-decoration:underline;
}
a.no_underline:hover{
    text-decoration:none;
}
.featured-box {
    color:#555;
}
#both, #emph, #color {
    color:#000;
}


html .featured-box-warning .icon-featured {
	background-color: #ffc107;
}

html .featured-box-warning h4 {
	color: #ffc107;
}

html .featured-box-warning .box-content {
	border-top-color: #ffc107;
}

html .featured-box-warning .box-content-border-bottom {
	border-bottom-color: #ffc107;
}

html .call-to-action.call-to-action-warning {
	background: #ffc107;
}

html .call-to-action.with-full-borders-warning {
	border-color: #ffc107;
}

html .call-to-action.call-to-action-warning {
	background: #ffc107;
}

p {
   color:#555;
}
div .example {
    background-color: #E7F4EB;
    border-color: #CDE9D5;
}
.prav_spaced{
letter-spacing:2px;
}
.tab1{
display:inline-block;
width: 5px;
}
.tab2{
display:inline-block;
width: 10px;
}
.tab-poem{
display:inline-block;
width: 30px;
}
.prav_ex{
margin-left:30px;
}
.highlighted{
    background-color:#FFF23D;
}
.main-table-edit td{
height:45px;
}

.modal-header{
border-top-left-radius: .2rem;
border-top-right-radius: .2rem;
}

.warning-back{
background-color:#ffc107;
}

.success-back{
background-color:#47A447;
}

.danger-back{
background-color:#D2322D;
}

.info-back{
background-color:#5BC0DE;
}

.white-text{
color:#FFFFFF;
font-weight:bold;
letter-spacing:0px;
}

/* Fix */
.social-icons li:hover.social-icons-facebook a {
	background: #3b5a9a !important;
}