@import 'fonts/Digital-dream-fontfacekit/init.css';
@import 'fonts/teutonicno1/init.css';
@import 'fonts/archistico/init.css';
@import 'fonts/belligerent/init.css';
@import 'fonts/jackport/init.css';
@import url(https://fonts.googleapis.com/css2?family=Inter);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;800&display=swap);:root {
    --color-primary: #169ff1;
    --color-primary-rgb: 22,159,241;
    --color-primary-contrast: #ffffff;
    --color-primary-contrast-rgb: 255,255,255;
    --color-primary-shade: #138cd4;
    --color-primary-tint: #2da9f2;
    --color-secondary: #e9eff8;
    --color-secondary-rgb: 233,239,248;
    --color-secondary-contrast: #000000;
    --color-secondary-contrast-rgb: 0,0,0;
    --color-secondary-shade: #cdd2da;
    --color-secondary-tint: #ebf1f9;
    --color-tertiary: #7430f9;
    --color-tertiary-rgb: 116,48,249;
    --color-tertiary-contrast: #ffffff;
    --color-tertiary-contrast-rgb: 255,255,255;
    --color-tertiary-shade: #662adb;
    --color-tertiary-tint: #8245fa;
    --color-success: #4b6708;
    --color-success-rgb: 75,103,8;
    --color-success-contrast: #ffffff;
    --color-success-contrast-rgb: 255,255,255;
    --color-success-shade: #425b07;
    --color-success-tint: #5d7621;
    --color-warning: #f59d1c;
    --color-warning-rgb: 245,157,28;
    --color-warning-contrast: #000000;
    --color-warning-contrast-rgb: 0,0,0;
    --color-warning-shade: #d88a19;
    --color-warning-tint: #f6a733;
    --color-danger: #b3261e;
    --color-danger-rgb: 179,38,30;
    --color-danger-contrast: #ffffff;
    --color-danger-contrast-rgb: 255,255,255;
    --color-danger-shade: #9e211a;
    --color-danger-tint: #bb3c35;
    --color-dark: #282828;
    --color-dark-rgb: 40,40,40;
    --color-dark-contrast: #ffffff;
    --color-dark-contrast-rgb: 255,255,255;
    --color-dark-shade: #232323;
    --color-dark-tint: #3e3e3e;
    --color-medium: #6c757d;
    --color-medium-rgb: 108,117,125;
    --color-medium-contrast: #ffffff;
    --color-medium-contrast-rgb: 255,255,255;
    --color-medium-shade: #5f676e;
    --color-medium-tint: #7b838a;
    --color-light: #ffffff;
    --color-light-rgb: 255,255,255;
    --color-light-contrast: #000000;
    --color-light-contrast-rgb: 0,0,0;
    --color-light-shade: #e0e0e0;
    --color-light-tint: #f7f7f7;
    --color-card: #ffffff;
    --color-card-rgb: 255,255,255;
    --color-card-contrast: #000000;
    --color-card-contrast-rgb: 0,0,0;
    --color-card-shade: #e0e0e0;
    --color-card-tint: #f7f7f7;
    --font-serif: "Inter",sans-serif;
    --font-secondary: "Playfair Display",serif
}
/*.navbar-inverse {
    background-color: #428BCA;
    border-color: #3465a4;
}

.navbar-inverse .navbar-nav > li > a {
    color: #bbd1e7;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #3465a4;
    color: #FFFFFF;
}*/

/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > th, {
    border-top: 1px solid #DDDDDD;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

 .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #428BCA;
    color:#fff;
}*/

.page-header {
  margin: 0 0 20px;
  padding: 0;
}

.page-header h3 {
  margin: 0 0 10px;
  padding:0;
}

/* CUSTOMIZE BOOTSTRAP BUTTONS */
    .btn-google {
        background-color:#dd4b39;
        border-color:#dd4b39;
        color:#fff;
    }
    .btn-sylver {
        background-color:#222222;
        border-color:#222222;
        color:#fff;
    }
    .btn-apple {
        background-color:#636363;
        border-color:#636363;
        color:#fff;
    }

    .btn-purple {
        background: #9b59b6;
        border-color: #9b59b6;
    }

    .btn-purple:hover {
        background: #8e44ad;
        border-color: #8e44ad;
    }

    .btn-teal {
        background: #1abc9c;
        border-color: #1abc9c;
    }

    .btn-teal:hover {
        background: #16a085;
        border-color: #16a085;
     }


    .btn-xxs{
        padding: 4px 6px !important;
        font-size: 10px;
        line-height: .5;
        border-radius: 0;
    }

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */

.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding-left:0;padding-right:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{color:#fff;background-color:#183c60;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{background-image:none}
.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)}
.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d70b7;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{background-image:none}
.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{color:#fff;background-color:#d6006f;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{background-image:none}
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{color:#fff;background-color:#303030;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background-color:#ca3523;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-instagram{color:#fff;background-color:#517fa4;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{color:#fff;background-color:#446a89;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#517fa4;border-color:rgba(0,0,0,0.2)}
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{color:#fff;background-color:#005f8d;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open .dropdown-toggle.btn-pinterest{color:#fff;background-color:#a81a20;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open .dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{color:#fff;background-color:#1f3346;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{background-image:none}
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-twitter{color:#fff;background-color:#2ba9e1;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#1c92c7;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#2ba9e1;border-color:rgba(0,0,0,0.2)}
.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{color:#fff;background-color:#4a6a89;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{background-image:none}
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}

/* 
 * Only for this example - not needed for the buttons
 * ----------------------------------------------------- */
.btn-social-icon {margin-bottom: 4px;}
.social-class .social-hex{font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:10px;opacity:.3;float:right}
.social-class li{margin-bottom:4px}.social-class li:hover .social-hex{opacity:1}
.social-class li:hover code{background-color:#e8e8ee}
.social-class code{cursor:default}
/* CUSTOMIZE BOOTSTRAP BUTTONS */


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#palaman-wrapper{
  min-height: calc(100vh - 168px) !important;
  margin-bottom: 50px;
}

#wrap > .my_container {
  padding-top: 115px;
}


.my_container{
    margin-left: auto !important;
  margin-right: auto !important;
}

.account_container{
    padding-top: 60px;
}

.account_container2{
    padding-top: 55px;
}

.thin-border{
    border:1px solid red;   
}

.container .credit {
  margin: 20px 0;
}

#footer > .container {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: #fff !important;
  padding-top: 15px;
}

.center_container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 80%;
}

#logout {
  color:#FF0000;
}

html, body{
    font-size:12px;
    font-family: var(--font-serif) !important;
    --google-font-color-materialiconstwotone: none;
}
.smaller {width:70px;}


.block_modal{
        position: fixed; 
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
        z-index:50;
}

.text-bold{
    font-weight:bold;
}

.text-right{
    text-align:right;
}

.text-left{
    text-align:left;
}

.text-center{
    text-align:center;
}

.v-align-center{
    vertical-align: center;
}

.bold{
    font-weight: bold;
}

.italic{
    font-style: italic;
}

.total_number{
    color:#3b5998;font-weight:bold;font-size:12pt;
}

 
/* fieldset {
    background-color:#ddd;
    padding: 5px 5px;
}

fieldset legend {
    background: #1F497D;
    color: #fff;
    padding: 2px 2px ;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    
}  */

div.growlUI { background: url(check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left
}
.welcome_icon:hover{
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

.welcome_icon{
    opacity:.7;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

/*.navbar-inverse {
    background-color: #428BCA;
    border-color: #3465a4;
}

.navbar-inverse .navbar-nav > li > a {
    color: #bbd1e7;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #3465a4;
    color: #FFFFFF;
}*/

/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > th, {
    border-top: 1px solid #DDDDDD;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}*/

 .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #428BCA;
    color:#fff;
}

/*th:not(.not-black) {
  background-color: #222222;
  color:#fff;
}
*/
.page-header {
  margin: 0 0 20px;
  padding: 0;
}

.page-header h3 {
  margin: 0 0 10px;
  padding:0;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 0px 15px 0;
  /*padding-top: 115px;*/
}

.container {
  /*padding-top: 115px;*/
}

.container .credit {
  /*margin: 20px 0;*/
}

#footer > .container{
  padding-left: 15px;
  padding-right: 15px;
}

.center_container{
  margin: auto;
  width: 1198px;
}

code {
  font-size: 80%;
}

#logout {
  color:#FF0000;
}

html, body{font-size:12px;}
.smaller {width:70px;}


.block_modal{
        position: fixed; 
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
        z-index:50;
}

.text-bold{
    font-weight:bold;
}

.text-right{
    text-align:right;
}

.text-left{
    text-align:left;
}

.text-center{
    text-align:center;
}

.total_number{
    color:#3b5998;font-weight:bold;font-size:12pt;
}

 
/* fieldset {
    background-color:#ddd;
    padding: 5px 5px;
}

fieldset legend {
    background: #1F497D;
    color: #fff;
    padding: 2px 2px ;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    
}  */

div.growlUI { background: url(check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left
}
.welcome_icon:hover{
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

.welcome_icon{
    opacity:.7;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

.hr { 
    margin: 25px 0;
    height: 1px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}

.school_logo{
    max-width : 238px;
    max-height: 84px;
}

.widen{
  width: 100% !important;
}

.fit{
  padding: 0px !important;
  margin: 0px !important;
}

.black{
  background-color:#333333 !important;
  color:white !important;
}

.black-font{
  color:#333333 !important;
}

.white-font{
  color: white !important;
}

.bold{
  font-weight: bold !important;
}

html, body{font-size:12px;}

.navbar-red 
{ 
background-color: #750303; 
/* remove the gradient */ 
background-image: none; 
/* set font color to white */ 
color: white; 
} 

/* menu items */ 

/* set the background of the menu items to pink and default color to white */ 

.navbar-red .nav > li > a { 
background-color: #750303; 
color: white; 

} 


/* set hover and focus to lightblue */ 
.navbar-red .nav > li > a:focus, 
.navbar-red .nav > li > a:hover { 
background-color: #222222; 
color: white; 

} 
/* set active item to darkgreen */ 


.navbar-red .nav > .active > a, 
.navbar-red .nav > .active > a:hover, 
.navbar-red .nav > .active > a:focus { 

background-color: #ffffff; 
color: black; 
font-weight: bold;
} 

.nav > .li_usertype > a, 
.nav > .li_usertype > a:hover, 
.nav > .li_usertype > a:focus { 

background-color: #333333; 
color: white; 
font-weight: bold;
} 


.li_account_menu li > a:hover, 
.li_account_menu li > a:focus { 

background-color: #333333; 
color: white; 
font-weight: bold;
}

.li_account_menu2 li > a:hover, 
.li_account_menu2 li > a:focus { 

background-color: #222222 !important; 
color: white !important; 
}

div.list-group > a.active{

/*background-color: #a80101 !important; */

}

.label-login{
  background-color:#333333 !important;
  color:white !important;
  font-size:8pt !important;
}

.active-menus{
    background-color: #333333 !important;
    color:white !important;
    font-weight: bold;
}

.black-bg{
    background-color: #333333 !important;
    color:white !important;
    font-weight: bold;
}

input#amount_money {
padding: 10px 20px;
font-size: 30px;
/*font-family: DigitaldreamFatNarrowRegular;*/
font-family: DigitaldreamFatRegular;
text-align: right;
height: 2.3125em;
}

.payment_form > label{
    font-weight: bold;
}

.list-group-item:not(.active-menus){
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    font-weight: bold !important;
}

li.min-active{
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.li_account_menu > li > a{
    color: #48649f !important;
    font-weight: bold !important;
}

.user_container > div > div > p > a > span{
    font-weight: bold !important;   
}

.facebook_color{
    color:#48649f;
}

.sys_m_close{
    cursor: pointer;
}

.ms-pointer{
    cursor: pointer;
}

.nav-pills-xs > li >a {
    position: relative;
    display: block;
    padding: 8px;
}

td.for-input{
    padding-top : 0px !important;
    padding-bottom : 0px !important;
}

.full-width{
    width : 100% !important;
}

.no-border{
    outline: 0 !important;
    border: 0px !important;
}

.user_container{
    font-family: Verdana !important;
}


.strong { font-weight: bold; }

.hide { display: none !important; }

/*FLOATING*/
    .float-right{
        float : right;
    }

    .float-left{
        float : left;
    }

/*DOCK BUTTON*/
    .dock-button{
        position: fixed !important;
        top: 128px !important;
        left: 0 !important;
        right: 0 !important;
        width: 17px !important;
        z-index:1 !important;
        background: #222222 !important;
        color: white !important;
        opacity: 0.7;
        padding: 2px !important;
        filter: alpha(opacity=40); /* For IE8 and earlier */
    }

/*COLLAPSE BUTTON*/
        .colap-button{
            position: fixed !important;
            top: 150px !important;
            left: 0 !important;
            right: 0 !important;
            width: 17px !important;
            z-index:1 !important;
            background: #222222 !important;
            color: white !important;
            opacity: 0.7;
            padding: 2px !important;
        filter: alpha(opacity=40); /* For IE8 and earlier */
    }

ul.nav.autodown li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.system-nav-logo{
    height:105px !important; 
}

.black-nav{
    background-color:#333333 !important;
}

.navbar-black {
    background-color:#333;
    color:#ffffff;
    border-radius:0;
}

.navbar-black .navbar-nav > li > a {
    color:#fff;
}

.navbar-black .navbar-nav > li > a:hover {
    background-color:#428bca;
}

.navbar-black .navbar-nav > li > a:hover {
    background-color:#428bca;
}

.navbar-black .navbar-nav > li > a:active {
    background-color:#428bca;
}

.navbar-black .navbar-nav > li > a:focus {
    background-color:#428bca;
}

.navbar-black .navbar-brand {
    color:#eeeeee;
}

/* SMALLER TABLES */
.table-padless>thead>tr>th, .table-padless>tbody>tr>th, .table-padless>tfoot>tr>th, .table-padless>thead>tr>td, .table-padless>tbody>tr>td, .table-padless>tfoot>tr>td {
    padding: 2px !important;
}

/* NO MORE TABLE RESPONSIVE CSS */
    @media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
        #no-more-tables table, 
        #no-more-tables thead, 
        #no-more-tables tbody, 
        #no-more-tables th, 
        #no-more-tables td, 
        #no-more-tables tr { 
            display: block; 
        }
     
        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        #no-more-tables thead tr th { 
            color : #000;
        }
     
        #no-more-tables tr { border: 1px solid #ccc; }
     
        #no-more-tables td { 
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding-left: 50%; 
            white-space: normal;
            text-align:left;
        }
     
        #no-more-tables td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            text-align:left;
            font-weight: bold;
        }
     
        /*
        Label the data
        */
        #no-more-tables td:before { content: attr(data-title); }
    } /* END OF NO MORE TABLE RESPONSIVE CSS */

    code{
         white-space: normal !important; 
    }

    /* CUSTOM COLOR BUTTONS */
    .color-danger{
        color:#d43f3a;
    }

    .color-success{
        color:#47a447;
    }

    .color-info{
        color:#269abc;
    }

    .color-primary{
        color:#285e8e;
    }

    .color-primary{
        color:#d58512;
    }

    .color-primary{
        color:#adadad;
    }

    tr.tr-head{
        font-weight: bold;
        background-color: #CCCCCC;
    }

    .school_name{
        font-weight: bold;
        font-size: 1.6em;
    }

    .font-jackport{
        font-family: jackport;
    }

    .top-menus, .top-menus > ul > li > a, .top-menus > a{
        font-size: 11pt;
/*      font-family: consolas;*/
    }

/* TWO DOTS SPINNER CSSS - REF : http://tobiasahlin.com/spinkit/ */
    .tobi-spinner {
      /*margin: 100px auto;*/
      width: 15px;
      height: 15px;
      position: relative;
      text-align: center;
      
      -webkit-animation: rotate 2.0s infinite linear;
      animation: rotate 2.0s infinite linear;
    }

    .dot1, .dot2 {
      width: 60%;
      height: 60%;
      display: inline-block;
      position: absolute;
      top: 0;
      background-color: #333;
      border-radius: 100%;
      
      -webkit-animation: bounce 2.0s infinite ease-in-out;
      animation: bounce 2.0s infinite ease-in-out;
    }

    .dot2 {
      top: auto;
      bottom: 0px;
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }

    @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
    @keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

    @-webkit-keyframes bounce {
      0%, 100% { -webkit-transform: scale(0.0) }
      50% { -webkit-transform: scale(1.0) }
    }

    @keyframes bounce {
      0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }

/**  END OF TWO DOTS SPINNER*/

/* LINE WITH TEXT AT THE CENTER */
    .hr-text {
       width: 100%; 
       text-align: center; 
       border-bottom: 1px solid #ccc; 
       line-height: 0.1em;
       margin: 10px 0 20px; 
    } 

    .hr-text span { 
        background:#fff; 
        padding:0 10px; 
    }
    .hr-text-left {
       width: 100%; 
       text-align: left; 
       border-bottom: 1px solid #ccc; 
       line-height: 0.1em;
       margin: 10px 0 20px; 
    } 

    .hr-text-left span { 
        background:#fff; 
        padding:0 10px; 
    }
    .hr-text-right {
       width: 100%; 
       text-align: left; 
       border-bottom: 1px solid #ccc; 
       line-height: 0.1em;
       margin: 10px 0 20px; 
    } 

    .hr-text-right span { 
        background:#fff; 
        padding:0 10px; 
    }
/* END OF LINE WITH TEXT AT THE CENTER */

/** LABELS */
  .label-xs{
    font-size: 75%;
  }
  .label-sm{
    font-size: 90%;
  }
  .label-lg{
    font-size: 100%;
  }

  .label-bitbucket{background-color:#205081;}
  .label-dropbox{background-color:#1087dd;}
  .label-facebook{background-color:#3b5998;}
  .label-flickr{background-color:#ff0084;}
  .label-github{background-color:#444;}
  .label-google-plus{background-color:#dd4b39;}
  .label-instagram{background-color:#517fa4;}
  .label-linkedin{background-color:#007bb6;}
  .label-pinterest{background-color:#cb2027;}
  .label-tumblr{background-color:#2c4762;}
  .label-twitter{background-color:#2ba9e1;}
  .label-vk{background-color:#587ea3;}
  .label-white{background-color:white;}
  .label-default{background-color:#777;}
/** /END LABELs */

/** Badges Colors*/
  .badge-important{background-color:#b94a48 !important;}
  .badge-important[href]{background-color:#953b39 !important;}
  .badge-warning{background-color:#f89406 !important;}
  .badge-warning[href]{background-color:#c67605 !important;}
  .badge-success{background-color:#468847 !important;}
  .badge-success[href]{background-color:#356635 !important;}
  .badge-info{background-color:#3a87ad !important;}
  .badge-info[href]{background-color:#2d6987 !important;}
  .badge-inverse{background-color:#333333 !important;}
  .badge-inverse[href]{background-color:#1a1a1a !important;}

  .label-as-badge {
    border-radius: 1em;
    font-size: 1em;
  }
/** End Badges Colors*/

.underline{
    text-decoration : underline;
}

/** Panel Inverse*/
.panel-inverse {
  border-color: #bbbbbb;
}
.panel-inverse>.panel-heading {
  color: #fff;
  background-color: #222222;
  border-color: #337ab7;
}

.panel-bitbucket{border-color:#205081;}
.panel-dropbox{border-color:#1087dd;}
.panel-facebook{border-color:#3b5998;}
.panel-flickr{border-color:#ff0084;}
.panel-github{border-color:#444;}
.panel-google-plus{border-color:#dd4b39;}
.panel-instagram{border-color:#517fa4;}
.panel-linkedin{border-color:#007bb6;}
.panel-pinterest{border-color:#cb2027;}
.panel-tumblr{border-color:#2c4762;}
.panel-twitter{border-color:#2ba9e1;}
.panel-vk{border-color:#587ea3;}
.panel-default{border-color:#ccc;}

.panel-bitbucket>.panel-heading{color:white; background-color:#205081;}
.panel-dropbox>.panel-heading{color:white; background-color:#1087dd;}
.panel-facebook>.panel-heading{color:white; background-color:#3b5998;}
.panel-flickr>.panel-heading{color:white; background-color:#ff0084;}
.panel-github>.panel-heading{color:white; background-color:#444;}
.panel-google-plus>.panel-heading{color:white; background-color:#dd4b39;}
.panel-instagram>.panel-heading{color:white; background-color:#517fa4;}
.panel-linkedin>.panel-heading{color:white; background-color:#007bb6;}
.panel-pinterest>.panel-heading{color:white; background-color:#cb2027;}
.panel-tumblr>.panel-heading{color:white; background-color:#2c4762;}
.panel-twitter>.panel-heading{color:white; background-color:#2ba9e1;}
.panel-vk>.panel-heading{color:white; background-color:#587ea3;}
.panel-default>.panel-heading{color:#000; background-color:white;}

label.error {
    color: red;
    font-weight: normal;
    font-family: arial;
}

tr.gray, tr.gray>th{
    background: #ddd !important;
    color:black !important;
}

tr.gray > th, tr.gray > td{
  border:1px solid #ccc !important;
}

/* Custom Text Colors*/

.txt-bitbucket{color:#205081;}

.txt-dropbox{color:#1087dd;}

.txt-facebook{color:#3b5998;}

.txt-flickr{color:#ff0084;}

.txt-github{color:#444;}

.txt-google-plus{color:#dd4b39;}

.txt-instagram{color:#517fa4;}

.txt-linkedin{color:#007bb6;}

.txt-pinterest{color:#cb2027;}

.txt-tumblr{color:#2c4762;}

.txt-twitter{color:#2ba9e1;}

.txt-vk{color:#587ea3;}

.txt-important{color:#b94a48 !important;}
.txt-warning{color:#f89406 !important;}
.txt-success{color:#468847 !important;}
.txt-info{color:#3a87ad !important;}
.txt-inverse{color:#333333 !important;}

/*Scrollable Bootstrap Dropdown Menu*/
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

/* Auto Dropdown*/
ul.nav li.autodown:hover > ul.dropdown-menu {
    display: block;    
}

/* Custom Alert boxes*/
.alert-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.alert-bitbucket{color:#fff;background-color:#205081;border-color:#205081;}

.alert-dropbox{color:#fff;background-color:#1087dd;border-color:#1087dd;}

.alert-facebook{color:#fff;background-color:#3b5998;border-color:#3b5998;}

.alert-flickr{color:#fff;background-color:#ff0084;border-color:#ff0084;}

.alert-github{color:#fff;background-color:#444;border-color:#444;}

.alert-google-plus{color:#fff;background-color:#dd4b39;border-color:#dd4b39;}

.alert-instagram{color:#fff;background-color:#517fa4;border-color:#517fa4;}

.alert-linkedin{color:#fff;background-color:#007bb6;border-color:#007bb6;}

.alert-pinterest{color:#fff;background-color:#cb2027;border-color:#cb2027;}

.alert-tumblr{color:#fff;background-color:#2c4762;border-color:#2c4762;}

.alert-twitter{color:#fff;background-color:#2ba9e1;border-color:#2ba9e1;}

.alert-vk{color:#fff;background-color:#587ea3;border-color:#587ea3;}

/* Circle Buttons*/
.btn-circle {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.428571429;
  border-radius: 15px;
  outline:none;
}
.btn-circle-sm{
  width: 50px !important;
  height: 50px !important;
  border-radius: 25px !important;
}
.btn-circle::-moz-focus-inner {
   border: 0;
}
.btn-circle:active, .btn-circle:focus {
   outline: none;
}

.txt-lg{font-size:1.8em}
.txt-sm{font-size:1.4em}
.txt-xs{font-size:1.0em}

/* Button from sb admin */
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:hover,.btn-adn:focus,.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}
.btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)}
.btn-adn .badge{color:#d87a68;background-color:#fff}
.btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}
.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none}
.btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)}
.btn-foursquare .badge{color:#f94877;background-color:#fff}
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-github .badge{color:#444;background-color:#fff}
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google-plus .badge{color:#dd4b39;background-color:#fff}
.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-instagram .badge{color:#3f729b;background-color:#fff}
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-linkedin .badge{color:#007bb6;background-color:#fff}
.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover,.btn-microsoft:focus,.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none}
.btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
.btn-microsoft .badge{color:#2672ec;background-color:#fff}
.btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:hover,.btn-openid:focus,.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none}
.btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
.btn-openid .badge{color:#f7931e;background-color:#fff}
.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-pinterest .badge{color:#cb2027;background-color:#fff}
.btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover,.btn-reddit:focus,.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none}
.btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}
.btn-reddit .badge{color:#eff7ff;background-color:#000}
.btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover,.btn-soundcloud:focus,.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}
.btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud .badge{color:#f50;background-color:#fff}
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none}
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-tumblr .badge{color:#2c4762;background-color:#fff}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}
.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover,.btn-vimeo:focus,.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none}
.btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}
.btn-vimeo .badge{color:#1ab7ea;background-color:#fff}
.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none}
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}
.btn-vk .badge{color:#587ea3;background-color:#fff}
.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover,.btn-yahoo:focus,.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none}
.btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)}
.btn-yahoo .badge{color:#720e9e;background-color:#fff}

/* Button Outline */
.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Top Links for Table pagination */
p.table-top-links{
    margin-bottom:4px;
}

td.td_profile_pic{
    width: 196px;
    padding: 0px !important;
}

.student_profile_pic_container{
        
}

.student_profile_pic{
        width: 100%;
}

.img_student_profile_pic{
        /*max-width: 240px;*/
        width: auto;
        max-height: 260px;
}

.navbar-brand{
    color: #000 !important;
}

.ul-bordered{
    list-style-type: none;
    padding-left:20px;
}

.ul-bordered > li{
    height: 25px;
    margin:2px;
}

ul.pagination{
    margin:10px 0;
}

.sly-well{

  min-height: 20px;
  padding: 10px;
  margin-bottom: 10px;
  /*background-color: #f5f5f5;*/
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.xs-well{
  min-height: 20px;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.block{
    display: block;
}

.grade-form-control{
    width: 70px !important;
    display: inline !important;
}

.grade-form-control-select{
    width: 100px !important;
    display: inline !important; 
}

.form-error{
    color:red;
}

.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

.notification-icon{
    
}

.icon-disabled{
  color:grey !important;
  opacity: 0.6 !important;
}

/* For system biday Calendar*/
table.birthday_calendar,table.payment_calendar{
    width:100%;
    border:1px #DDDDDD solid;
}
table.birthday_calendar .highlight{
    font-weight:bold;
    min-width:128px;
    min-height:128px;
    background:url('../img/birthday_cake.png')no-repeat;
}

table.birthday_calendar tr th
{
    border:1px #DDDDDD solid;
}

table.birthday_calendar tr td.week
{
    border:1px #DDDDDD solid;
}

table.birthday_calendar tr td.day-format,
table.payment_calendar tr td.day-format
{
    /*border:1px solid #93C0FF;*/
    border:1px #DDDDDD solid;
    height:100px;
    min-width:100px;
    text-wrap: normal;
}

/* For system biday Calendar*/
table.calendar,table.payment_calendar
{
    width:100%;
}

table.calendar .highlight{
    min-width:128px;
    min-height:128px;
    background: #DFE3E6;
}

table.calendar .highlight.current
{
    font-weight:bold;
    min-width:128px;
    min-height:128px;
    background: #C5CCCF;
}

table.calendar tr td:hover
{
    background: #c0c0c0;
}

table.calendar tr td.day-format
{
    padding:0;
    border:1px #DDDDDD solid;
    height:100px;
    min-width:100px;
    vertical-align: top;
    text-align: left;
}
table.calendar tr td.day-format a
{
    display:block;
}
/* End For system biday Calendar*/

span.calendar-day{
    font-size: 1.2em;
    font-weight: bold;
}

.calendar-today{
    /*font-size: 2em;*/
    color:#449d44;
    font-weight: bold;
}

span.calendar-heading-tag{
    font-size: 1.5em;
}


/*.navbar-static-top { background-color: #F78F1E!important;color: #fff!important; border-color: #F78F1E!important}*/ 
.navbar-black { background-color: #F78F1E!important;color: #fff!important; border-color: #F78F1E!important }
.navbar-default { color: #FFF!important; }
.navbar-brand{ color: #fff !important; }
/*.txt-github{ color:#fff;}*/
/*.navbar-top-links>li>a:focus, .navbar-top-links>li>a:hover{ background-color: #e67e22!important;}*/
.navbar-top-links>li>a{ color: #fff!important; }
/*.sidebar-nav>ul>li>.txt-github {color: #337ab7!important;}*/

/* Side Menu Bar */
.sidebar-desktop a {
    color: #444 !important;
}

/*CARD COUNTERS*/

.card-counter{
  box-shadow: 2px 2px 10px #DADADA;
  margin: 5px;
  padding: 5px 5px;
  background-color: #fff;
  height: 70px;
  border-radius: 5px;
  transition: .3s linear all;
}

.card-counter:hover{
  box-shadow: 4px 4px 20px #DADADA;
  transition: .3s linear all;
}

.card-counter.primary{
  background-color: #007bff;
  color: #FFF;
}

.card-counter.danger{
  background-color: #ef5350;
  color: #FFF;
}  

.card-counter.success{
  background-color: #66bb6a;
  color: #FFF;
}  

.card-counter.info{
  background-color: #26c6da;
  color: #FFF;
}

.card-counter.github{
  background-color: #444;
  color: #FFF;
}

.card-counter.warning{
  background-color: #f89406;
  color: #FFF;
}  

.card-counter i{
  font-size: 3em;
  opacity: 0.2;
}

.card-counter .count-numbers{
  position: absolute;
  right: 35px;
  top: 20px;
  font-size: 32px;
  display: block;
}

.card-counter .count-name{
  position: absolute;
  right: 35px;
  top: 50px;
  font-style: italic;
  text-transform: capitalize;
  opacity: 0.5;
  display: block;
  font-size: 18px;
}

.nav-tag{
    font-family: Trebuchet MS;
    font-size: 25pt !important;
    font-weight: bold !important;
}

.notification-icon > a {
    color: white;
}

/* Google Recaptcha | For Required */
#g-recaptcha-response {
  display: block !important;
  position: absolute;
  margin: -78px 0 0 0 !important;
  width: 302px !important;
  height: 76px !important;
  z-index: -999999;
  opacity: 0;
}

fieldset.scheduler-border {
    border: 1px groove rgba(221, 221, 221, .3);
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}


.bmargin-1{
  margin-bottom: 5px;
}
.bmargin-2{
  margin-bottom: 10px;
}
.bmargin-3{
  margin-bottom: 20px;
}

.tmargin-1{
    margin-top: 5px;
}
.tmargin-2{
    margin-top: 10px;
}

.lmargin-1{
    margin-left: 5px;
}
.lmargin-2{
    margin-left: 10px;
}

.rmargin-1{
    margin-right: 5px;
}
.rmargin-2{
    margin-right: 10px;
}

.material-icons{
    font-size: 18px;
    vertical-align: -2px;
}

@media (max-width: 1019px) {
    .sidebar-desktop {
        margin-top: 102px; /* Adjust this value as needed */
    }
}

@media (max-width: 767px) {
    .navbar-header {
        width: 100%;
    }
    .navbar-brand {
        max-width: calc(100% - 70px);
    }
    .sidebar-desktop {
        margin-top: 0px; /* Adjust this value as needed */
    }
    .navbar-top-links li a {
        padding: 10px !important;
    }
    /*.navbar-top-links .dropdown-menu {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }*/
}

/* Bootstrap 5 Margin & Padding Classes */
    .p-0 {
        padding: 0 !important;
    }

    .p-1 {
        padding: 0.25rem !important;
    }

    .p-2 {
        padding: 0.5rem !important;
    }

    .p-3 {
        padding: 1rem !important;
    }

    .p-4 {
        padding: 1.5rem !important;
    }

    .p-5 {
        padding: 3rem !important;
    }

    /* Margin classes */
    .m-0 {
        margin: 0 !important;
    }

    .m-1 {
        margin: 0.25rem !important;
    }

    .m-2 {
        margin: 0.5rem !important;
    }

    .m-3 {
        margin: 1rem !important;
    }

    .m-4 {
        margin: 1.5rem !important;
    }

    .m-5 {
        margin: 3rem !important;
    }

    /* Padding classes */
    .px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .px-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    /* Margin classes */
    .mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .mx-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mt-0 {
        margin-top: 0 !important;
    }

    .mt-1 {
        margin-top: 0.25rem !important;
    }

    .mt-2 {
        margin-top: 0.5rem !important;
    }

    .mt-3 {
        margin-top: 1rem !important;
    }

    .mt-4 {
        margin-top: 1.5rem !important;
    }

    .mt-5 {
        margin-top: 3rem !important;
    }

    .mb-0 {
        margin-bottom: 0 !important;
    }

    .mb-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-3 {
        margin-bottom: 1rem !important;
    }

    .mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-5 {
        margin-bottom: 3rem !important;
    }

    .mr-0 {
        margin-right: 0 !important;
    }

    .mr-1 {
        margin-right: 0.25rem !important;
    }

    .mr-2 {
        margin-right: 0.5rem !important;
    }

    .mr-3 {
        margin-right: 1rem !important;
    }

    .mr-4 {
        margin-right: 1.5rem !important;
    }

    .mr-5 {
        margin-right: 3rem !important;
    }

    .ml-0 {
        margin-left: 0 !important;
    }

    .ml-1 {
        margin-left: 0.25rem !important;
    }

    .ml-2 {
        margin-left: 0.5rem !important;
    }

    .ml-3 {
        margin-left: 1rem !important;
    }

    .ml-4 {
        margin-left: 1.5rem !important;
    }

    .ml-5 {
        margin-left: 3rem !important;
    }