.d{color: dodgerblue;}
.fa-1x{color: cornflowerblue;}
.fa-2x{color: cornflowerblue;}



.squaredOne label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;

    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

    background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
    background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
    background: -o-linear-gradient(top, #222 0%, #45484d 100%);
    background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
    background: linear-gradient(top, #222 0%, #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredOne label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 16px
    height: 16px;
    background: red;

    background: -webkit-linear-gradient(top, red 0%, #009400 100%);
    background: -moz-linear-gradient(top, red 0%, #009400 100%);
    background: -o-linear-gradient(top, red 0%, #009400 100%);
    background: -ms-linear-gradient(top, red 0%, #009400 100%);
    background: linear-gradient(top, red 0%, #009400 100%);

    top: 2px;
    left: 2px;

    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.squaredOne label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}





.navbar-text > a {
    color: inherit;
    text-decoration: none;
    font-family: 'Merriweather', 'Oswald';
}
a{
    font-size: 18px;
}
.apt_help{
    cursor: help;
    padding: 2px 8px;
    margin-left: 6px;
    background: #265a88;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Merriweather', 'Oswald';
    font-weight: bold;
    border-radius: 30px;

}
.apt_help:hover{
    background: #5bd70c;
    font-size: 100%;
}


body {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 10px;
    padding-right: 10px;

}
title{
    font-size: 18px;
    font-family: 'Merriweather', 'Oswald';
    font-weight: bold;
}
p{
    font-family: 'Merriweather', 'Oswald';
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Merriweather', 'Oswald';
}
.navbar-default{
    background-color: #2C3E50;
    border-color: #FFFFFF;
    color: #FFFFFF;
    text-align: justify;
    font-family: 'Merriweather', 'Oswald';
    padding-right: 8px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 16px;


}
.navbar-default .navbar-brand{

    color: #FFFFFF;
    font-family: 'Merriweather', 'Oswald';
    padding-right: 0px;
    padding-left: 8px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 16px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
  color: chartreuse;
  background-color: transparent;
    text-align: justify;
    font-family: 'Merriweather', 'Oswald';
    font-size: 16px;
}
.navbar-default .navbar-nav >li >a {
    color: #FFFFFF;
    text-align: justify;
    font-family: 'Merriweather', 'Oswald';
    font-size: 16px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background-color: #1A242F;
    text-align: justify;
    font-family: 'Merriweather', 'Oswald';
    font-size: 16px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
    color: chartreuse;
    background-color: transparent;
    text-align: justify;
    font-family: 'Merriweather', 'Oswald';
    font-size: 16px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #1A242F;
    color: #FFFFFF;
    text-align: justify;
    font-family: 'Merriweather', 'Oswald';
    font-size: 16px;

}

.btn-success {
    background-color: darkgreen;
    border: chartreuse;
    color: #FFFFFF;
}
.btn-successy:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active,
.open .dropdown-toggle.btn-success {
    color: #FFFFFF;
    background-color: #13987E;
    border-color: #13987E;
}

.btn-default{
    background-color: blue;
    border-color: ;
    color: blue;
    font-family: 'Merriweather', 'Oswald';
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.open .dropdown-toogle .btn-default{
    color: blue;
    background-color:blue;
    border-color:blue;
    font-family: 'Merriweather', 'Oswald';
}



.thumbnail img:hover {
    transform: scale(1.3);
}
.thumbnail img {
    transition: all 0.3s ease 0s;
    width: 30%;
}
.thumbnail {
    overflow: hidden;
}
#boxsize{
    height: 110px;
    width: 160px;
    border: none;
}


.carousel{
    margin: 8px;

}




.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}



.tit{
    text-align: center;
    color: #4c86d7;
}
#form{
    width: 250px;
    margin: 40px;

}
#btn{
    margin-top: 15px;
    margin-left: 8px;
    margin-right: 25px;
    background-color: #0000ff;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
}

}
.btn-danger{
    font-family: 'Merriweather', Oswald;
}

