/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}*/

.hand {
    cursor: pointer
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.whheader {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: solid 1px #dddddd;
}

.whiteLink a {
    color: white;
    text-decoration: underline;
}

.whiteLink a:hover {
    color: white;
    text-decoration: none;
}


.container .navbar-header>button {
    margin: 15px !important;
    padding: 15px !important;
}


.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}


.myBrand .navbar-brand {
  padding: 0px;
  height: 80px;
}

.myBrand .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
}
.myBrand .navbar-toggle {
  padding: 0px;
  margin: 5px 15px 25px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cambay', sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
}

/*.contact {
    padding-top: 100px;
    padding-bottom: 100px;
}

.app {
    padding-top: 100px;
    padding-bottom: 200px;
    background-color: #005192;
    color: white;
}


.feauters {
    padding-top: 100px;
    padding-bottom: 100px;
}*/

/*.feauters-header {
    padding-bottom: 140px;
}*/

.heading-font {
    font-family: 'Cambay', sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
    font-size: 50px;
}

.password {
    padding-top: 120px;
    padding-bottom: 100px;
}


.login {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: url("../Content/bg-pattern.png"), #005192;
    /* fallback for old browsers */
    background: url("../Content/bg-pattern.png"), -webkit-linear-gradient(to left, #005192, #398cd1);
    /* Chrome 10-25, Safari 5.1-6 */
    background: url("../Content/bg-pattern.png"), linear-gradient(to left, #005192, #398cd1);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white;
    padding-top: 120px;
}


.register {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: url("../Content/bg-pattern.png"), #005192;
    /* fallback for old browsers */
    background: url("../Content/bg-pattern.png"), -webkit-linear-gradient(to left, #005192, #398cd1);
    /* Chrome 10-25, Safari 5.1-6 */
    background: url("../Content/bg-pattern.png"), linear-gradient(to left, #005192, #398cd1);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white;
    padding-top: 120px;
    padding-bottom: 100px;
}



.mainAfterLogin {
    padding-top: 100px;
    padding-bottom: 100px;
    height: 500px;
}


.OkienkoModalne {
    padding-left: 50px;
    padding-top: 10px;
    padding-right: 50px;
    padding-bottom: 10px;
}

.bg-silver {
    background-color: #f2f1f1;
}

.bgsilverhover:hover {
    background-color: #fafafa;
}


@font-face {
    font-family: 'gotham-light';
    src: url('../fonts/Gotham-Light.otf') format('opentype');
}
.windowIDCirce {
    width: 22px;
    height: 22px;
    border-radius: 11px;
    font-size: 17px;
    color: #fff;
    float: right;
    text-align: center;
    background: #45BFDE;    
}
.centered-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


/*Margin and Padding helpers*/
/*xs*/
.p-xs { padding: .25em; }
.p-x-xs { padding: 0 .25em; }
.p-y-xs { padding: .25em 0 ; }
.p-t-xs { padding-top: .25em; }
.p-r-xs { padding-right: .25em; }
.p-b-xs { padding-bottom: .25em; }
.p-l-xs { padding-left: .25em; }
.m-xs { margin: .25em; }
.m-x-xs { margin: 0 .25em; }
.m-y-xs { margin: .25em 0 ; }
.m-r-xs { margin-right: .25em; }
.m-l-xs { margin-left: .25em; }
.m-t-xs { margin-top: .25em; }
.m-b-xs { margin-bottom: .25em; }
/*sm*/
@media (min-width:768px){
/*sm*/
.p-sm { padding: .5em; }
.p-x-sm { padding: 0 .5em; }
.p-y-sm { padding: .5em 0 ; }
.p-t-sm { padding-top: .5em; }
.p-r-sm { padding-right: .5em; }
.p-b-sm { padding-bottom: .5em; }
.p-l-sm { padding-left: .5em; }
.m-sm { margin: .5em; }
.m-x-sm { margin: 0 .5em; }
.m-y-sm { margin: .5em 0 ; }
.m-t-sm { margin-top: .5em; }
.m-r-sm { margin-right: .5em; }
.m-b-sm { margin-bottom: .5em; }
.m-l-sm { margin-left: .5em; }
}

/*md*/
@media (min-width: 992px){
.p-md { padding: 1em; }
.p-x-md { padding: 0 1em; }
.p-y-md { padding: 1em 0; }
.p-t-md { padding-top: 1em; }
.p-r-md { padding-right: 1em; }
.p-b-md { padding-bottom: 1em; }
.p-l-md { padding-left: 1em; }
.m-md { margin: 1em; }
.m-x-md { margin: 0 1em; }
.m-y-md { margin: 1em 0 ; }
.m-t-md { margin-top: 1em; }
.m-r-md { margin-right: 1em; }
.m-b-md { margin-bottom: 1em; }
.m-l-md { margin-left: 1em; }
}

/*lg*/
@media (min-width: 1200px){
.p-lg { padding: 1.5em; }
.p-x-lg { padding: 0 1.5em; }
.p-y-lg { padding: 1.5em 0; }
.p-t-lg { padding-top: 1.5em; }
.p-r-lg { padding-right: 1.5em; }
.p-b-lg { padding-bottom: 1.5em; }
.p-l-lg { padding-left: 1.5em; }
.m-lg { margin: 1.5em; }
.m-x-lg { margin: 0 1.5em; }
.m-y-lg { margin: 1.5em 0; }
.m-t-lg { margin-top: 1.5em; }
.m-r-lg { margin-right: 1.5em; }
.m-b-lg { margin-bottom: 1.5em; }
.m-l-lg { margin-left: 1.5em; }
}
/*xl*/
.p-xl { padding: 3em; }
.p-x-xl { padding: 0 3em; }
.p-y-xl { padding: 3em 0 ; }
.p-t-xl { padding-top: 3em; }
.p-r-xl { padding-right: 3em; }
.p-b-xl { padding-bottom: 3em; }
.p-l-xl { padding-left: 3em; }
.m-xl { margin: 3em; }
.m-x-xl { margin: 0 3em; }
.m-y-xl { margin: 3em 0; }
.m-t-xl { margin-top: 3em; }
.m-r-xl { margin-right: 3em; }
.m-b-xl { margin-bottom: 3em; }
.m-l-xl { margin-left: 3em; }