﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

 

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */



html {
    font-size: 14px;
    scroll-behavior: smooth;
}

body {
    font-size: 1.1rem;
      overflow-x:hidden; 
}
.card-header{
    font-size: 1.0rem;
}








.input-group-text {
    /*  
           border-radius: 0 !important;

        
        border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;


    */
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


.indexjumbotron {
    /*
      background: #3a7bd5;


  background-image: -webkit-radial-gradient(top, circle cover, #00d2ff 20%, #3a7bd5 90%);
         background: url("/Uploads/DocImage/1200x630-1.jpg") no-repeat center center;
          background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.3) 100%), url("/Uploads/DocImage/1200x630-1.jpg");

  */
    /*filter: gray;*/
    /* IE6-9 */
    /*-webkit-filter: grayscale(100%);*/
    /* Chrome 19+ & Safari 6+ */
    /*-webkit-transition: all .6s ease;*/
    /* Fade to color for Chrome and Safari */
    /*-webkit-backface-visibility: hidden;*/
    /*
           background: linear-gradient(rgba(52,152,219,.95),rgba(52,150,220,.98)),url(/images/Asset/bg/matrixbg.jpg);
    */
    background-color: #3498db;

    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
    /*  background-color:#336699 !important; */
    min-height: 355px;
}

.contactjumbotron {
    /*
      background: #3a7bd5;


  background-image: -webkit-radial-gradient(top, circle cover, #00d2ff 20%, #3a7bd5 90%);
         background: url("/Uploads/DocImage/1200x630-1.jpg") no-repeat center center;
          background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.3) 100%), url("/Uploads/DocImage/1200x630-1.jpg");

  */
    /*filter: gray;*/
    /* IE6-9 */
    /*-webkit-filter: grayscale(100%);*/
    /* Chrome 19+ & Safari 6+ */
    /*-webkit-transition: all .6s ease;*/
    /* Fade to color for Chrome and Safari */
    /*-webkit-backface-visibility: hidden;*/


  /*  background: linear-gradient(rgba(52,152,219,.9),rgba(52,150,220,.1)),url(/img/Asset/ContactBg.jpg);*/

    background-color: #3498db;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    border-bottom: 1px solid #777;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
    /*  background-color:#336699 !important; */
    min-height: 255px;
    text-shadow: 2px 2px 4px #000000;
}




@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}


.footer {
    margin-top: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
   line-height: 60px; 
    /* Vertically center the text there */
}


#sitelogo, footer-logo {
    max-height: 30px;
    width: 200px;
    background-repeat: no-repeat;
    width: auto; /*or your image's width*/
    height: auto; /*or your image's height*/
    margin: 0;
    padding: 0;
}

.navbar-toggler {
    color: #111111;
    padding: 5px;
}


.navbar-toggler-icon {
    height: unset !important;
}

    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        /*outline: 1px solid #111111;*/
        box-shadow: none;
        border: 1px solid #111111;
    }

.navbar a {
    /* color:#020517;*/
}




.video-js .vjs-big-play-button {
    left: 40% !important;
    top: 40% !important;
    width: 20%;
    height: 20%;
}

 
 




#searchbar span.fa-search{
    line-height:1.5em;
}
#searchbar span.fa-search:hover {
   color:#1861ac;
}






.round-btn {
    display: inline;
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 50%;
    float: left;
    margin: 15px 8px;
    box-shadow: 2px 2px 5px 0px rgb(82, 0, 67);
    border: 1px solid; /*border: 1px solid #622657;*/
}

    .round-btn a {
        display: block !important;
        padding: 7px 12px;
        font-size: 18px;
        border-radius: 50%;
    }

    .round-btn .icon {
        padding: 3px;
    }

        .round-btn .icon img {
            height: 24px;
            width: 32px;
            margin-top: 6px;
        }

.btn-facebook a {
    color: #3b5998;
    padding: 8px 13px;
}

.btn-linkedin a {
    color: #007bb6;
}

.btn-twitter a {
    color: #1c9deb;
}

.btn-instagram a {
    color: #dd3f5c;
}
.btn-rss a {
    color: #ff5600;
}

.btn-github a {
    color: #111111;
}


.btn-whatsapp a {
    color: #155E54;
}


.round-btn a {
    
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

    .round-btn a:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }


.btn-envelop a {
    color: #D6403A;
    font-size: 15px;
    padding: 9px 12px;
}

.standard_header .standard_social_links {
    margin-left: 1rem;
}


img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+, IE10 */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease;
    /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}

    img.grayscale:hover {
        filter: none;
        -webkit-filter: grayscale(0%);
    }


/*
  =========================================================================================
                                    footer
  =========================================================================================
  */

.footer-wrap {
    padding-top: 33px;
    background-size: cover;
}

    .footer-wrap h3 {
        color: #fff;
        font-size: 17px;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .footer-wrap p {
        font-size: 13px;
        line-height: 24px;
        color: #b3b3b3;
        margin-top: 15px;
    }

        .footer-wrap p a {
            color: #fff;
            text-decoration: underline;
            font-style: italic;
        }

            .footer-wrap p a:hover {
                text-decoration: none;
                color: #ff7800;
            }

.footer-links li a {
    font-size: 16px;
    vertical-align:middle;
    line-height: 32px;
    color: #ccc;
    text-decoration: none;
}
.footer-links li a:hover {
  
    color: #fefefe; 
}





.copyright {
    border-top: 1px solid #111;
    font-size: 14px;
    color: #ccc;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: center;
    background: #222;
}

footer .second_class {
    border-bottom: 1px solid #444;
    padding-bottom: 25px;
}

footer .first_class {
    padding-bottom: 21px;
  /*  border-bottom: 1px solid #444;*/
}

    footer .first_class p, footer .first_class h3 {
        margin: 0 0;
    }

footer {
    background: #333;
}
/*
    footer .newsletter input[type="text"] {
        width: 100%;
        background: #fff;
        color: #333;
        border: 1px solid #222;
        padding: 14px 20px;
        border-radius: 50px;
        margin-top: 12px;
    }




.newsletter .newsletter_submit_btn {
    background: #fff;
    position: absolute;
    right: 30px;
    border: 0;
    top: 26px;
    font-size: 17px;
    color: #333;
}


footer .second_class_bdr {
    padding-top: 25px;
    border-top: 1px solid #222;
}*/

footer .btn-facebook a {
    padding: 6px 14px !important;
}

footer .btn-envelop a {
    color: #D6403A;
    font-size: 15px;
    padding: 12px 12px;
}

footer .round-btn a {
    padding: 6px 12px;
}

footer .round-btn {
    box-shadow: 2px 2px 5px 0px #222 !important;
}

footer .round-btn {
    margin: 15px 4px;
}

footer dl, ol, ul {
    padding-left: 5px;
}

footer li {
    list-style: none;
}

@media(max-width:768px) {
    .footer-wrap h3 {
        margin-top: 27px;
    }

    footer .round-btn {
        margin: 15px 4px;
    }
}

@media(max-width:320px) {
    .copyright {
        font-size: 13px;
    }
}

footer a {
    color: white;
}







.thmswitch input {
    display: none;
}

.thmswitch {
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-right: 10px;
    transform: translateY(50%);
    position: relative;
    margin-bottom: 15px
}
/* Style Wired */
.thmslider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #ffffff, 0 0 4px #eeeeee;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: .4s;
}

    .thmslider:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: #eeeeee;
        border-radius: 20px;
        transform: translateX(-20px);
        transition: .4s;
    }

input:checked + .thmslider:before {
    transform: translateX(20px);
    background: #777777; /*ball right*/
}

input:checked + .thmslider {
    box-shadow: 0 0 0 2px #777777,0 0 2px #eeeeee; /*frame right*/
}

 











.doctags a {
    font-size: 1.1em;
    font-weight: 500 !important;
    
    text-decoration:none;
}

pre[class*=language-] {
    border: 1px inset;
    max-height:620px;
    overflow-y:scroll;
}



/*

@media (prefers-color-scheme: light) {
    body {
        background-color: white;
        color: black;
    }
}
*/

    /*

@media (prefers-color-scheme: dark) {

    body {
        background-color: #101619;
        color: white;
    }
    input, textarea, form-inline, .form-control, .tag-editor {
        background-color: rgba(0, 0, 0, .05) !important;
        color: white !important;
      
    }
        input[type=checkbox] {
            outline: 1px solid #1e5180;
        }

    .navbar {
    background-color: #101619;
}
}
*/



.jumbotronred {
    background-color: #990000 !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


/* Dark Mode styles */
body.dark-theme {
    color: #eee;
    background: #121212;
}
/*    body.dark-theme h1 {
        color: #cccccc;
    }
    body.dark-theme h2 {
        color: #cccccc;
    }
    body.dark-theme h3 {
        color: #cccccc;
    }
    body.dark-theme h4 {
        color: #cccccc;
    }
*/

    body.dark-theme table {
        color: #ececec;
    }

    body.dark-theme table tr:hover {
        color: #ffffff;
    }
/*
    body.dark-theme .card h4, body.dark-theme .card h3, body.dark-theme .card h2{
        color: black;
    }*/
    body.dark-theme .list-group-item h4, body.dark-theme .list-group-item h3, body.dark-theme .list-group-item h2 {
        
    }

    body.dark-theme .card, body.dark-theme  .list-group-item {
        color: #212529;
        background-color: #212529 !important;
        color: #fff !important;
    }
    body.dark-theme footer {
        background-color: #212529; 
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    }
        body.dark-theme footer .copyright {
            background-color: #0e0f10;  
        }

    body.dark-theme .card {
        background-color: #eeeeee;
    }
    body.dark-theme .card img {
       border-bottom:1px #ffffff white;
    }

    body.dark-theme input:not(.btn ), body.dark-theme textarea, body.dark-theme form-inline, body.dark-theme .form-control:not(.btn):not(button), body.dark-theme .tag-editor {
        /*
        background-color: rgba(0, 0, 0, .05) !important;
        */
        background-color: rgba(0, 0, 0, .05) !important;
        color: white !important;
    }


    body.dark-theme .jquery-comments .textarea-wrapper .textarea {
        background: unset !important;
    }


body.dark-theme .jquery-comments ul.navigation li:hover {
    background: #999999 !important;
}
 


body.dark-theme .navbar {
/*    background-color: #192531;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;*/
    /*
           background: linear-gradient(rgba(52,152,219,.95),rgba(52,150,220,.98)),url(/images/Asset/bg/matrixbg.jpg);
    */
}

body.dark-theme  .indexjumbotron {
    background-color: #005086;
    /*
           background: linear-gradient(rgba(52,152,219,.95),rgba(52,150,220,.98)),url(/images/Asset/bg/matrixbg.jpg);
    */ 
}
    body.dark-theme .contactjumbotron {
        background-color: #005086;
     
        /*
           background: linear-gradient(rgba(52,152,219,.95),rgba(52,150,220,.98)),url(/images/Asset/bg/matrixbg.jpg);
    */
    }

body.dark-theme .indexjumbotron h1{
 color:#eeeeee;
}



body.dark-theme input[type=checkbox] {
    outline: 1px solid #1e5180;
} 

body.dark-theme .list-group-item-action:focus, body.dark-theme .list-group-item-action:hover {
   
    color:#bbddee !important;
    background-color: #313539 !important;
}
 

/*body {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}*/

    body.dark-theme input {
        color:unset;
    }

    body.dark-theme  li.active {
        color: white !important;
    }

  
    body.dark-theme main>a:not(.btn  ) {
        color: #809fff;
    }

     body.dark-theme  th {
        color: black !important;
        background-color: gray !important;
    }

#MainArticle img {
max-width: 100%;
max-height: 750px;
height: auto;
width: auto;
}

#logobottom {
    max-width: 280px;
    max-height:85px;
}


.badge-link{
  font-weight:400;
  background-color:#003366 !important;
}
.badge-link:hover{
  background-color:#336699 !important;
}
.listthumbimg {
    object-fit: cover;
    width: 92px;
    height: 74px;
}
.listthumbimgsm {
    object-fit: cover;
    width: 48px;
    height: 48px;
}

.objcontain {
    object-fit: contain !important;
}

 @supports (-webkit-overflow-scrolling: touch) {
    .cover-header {
        background-size: 0 0;
    }
    .cover-header:before {
        content: "";
        top: 0; 
        left: 0; 
        bottom: 0;
        right: 0;
        background-image: inherit;
        background-size: cover;
        background-position: inherit;
        background-repeat: inherit;
        position: fixed;
        z-index: -1;
    }
}

.sidebartag{
    font-size: 0.9em;
}

 
.sidebarcat{
    font-size: 0.9em;
   text-decoration:none;
}
  body.dark-theme .sidebarcat{
  color:#eef;
} 
body.dark-theme .sidebarcat:hover{

   text-decoration:underline;
}
.card-img-top{
    object-fit:cover;
}




.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

 
body {
/*  margin-bottom: 60px;*/
  background-color:#eee;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}


#logo{
    max-height:48px;
    width:auto;
}

.maincolor{
    color:#043e80 !important;
}



.card {
    background-color: #fff;
    border: none
}

.form-color {
    background-color: #fafafa
}

.form-control {
   /* height: 48px;*/
    border-radius: 20px
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #35b69f;
    outline: 0;
    box-shadow: none;/*
    text-indent: 10px*/
}

.c-badge {
    background-color: #35b69f;
    color: white;
    height: 20px;
    font-size: 11px;
    width: 92px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px
}

.comment-text {
    font-size: 1em
}

.wish {
    color: #35b69f
}

.user-feed {
    font-size: 14px;
    margin-top: 12px
}
#comments{
    height:200px;
}

  .doccontent {
font-size:1.1rem;
}

/*Article first letter*/
 article p:first-child::first-letter {
  color: #554444;
  padding-right:4px;
  font-family: 'Times New Roman', Times, serif,monospace;
  font-size: 4rem;
  float: left;
  line-height: 0.5;
  margin-top:0;
 
}
 
body.dark-theme article p:first-child::first-letter {
  color: lightgray;
}
/*AdClasses*/
.adtxt {
    font-size: .85em;
    text-align: center;
    margin-bottom: 0;
    margin-top: 3px;
    font-size: .85em;
    width:100%;
     display: table;
    margin: 0 auto; 

}
.adtxt {
    font-size: .85em;
    text-align: center;
    margin-bottom: 0;
    margin-top: 3px;
    font-size: .85em;
    width:100%;
     display: table;
    margin: 0 auto; 

}

/*@media only screen and (max-device-width: 480px) {
        .adtxt {
    font-size: .70em !important;
        }
}
*/
.leaderboard, .dispdoctop, .dispdocbottom, .leaderboardlg {
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    /*  max-width: 970px;*/
    max-height: 160px;
    width: 100%;
    height: 120px;

}

     .leaderboardlg{
         max-height:none;
        height:256px;
    }

    .rectangle, .disprectangle, .dispbar {
        text-align: center;
        margin: 0 auto;
        /*    margin-top: 5px;
    margin-bottom: 5px;*/
        width: 100%;
        height: 300px;
        max-width: 320px;
        max-height: 300px;
    }
 .nounderline {
  text-decoration: none !important;
  color:unset;
}
.text-right{
        text-align: right;
 width: 100%;
    display: table;
}
 .link-text
 {
 text-decoration: none !important;
  color:unset; 
 }
.imgsquare {
    width: 165px !important;
    margin-left:8px;
    max-height: 165px !important;
}
 

/*
    DATALIST Columning

*/

ul#datalist {
    list-style-type: none;
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    font-size: 0.9em;
}

@media(max-width:640px) {
    ul#datalist {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        font-size: 0.85em;
    }
}

ul#datalist li {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}


ul#datalist a {
    color: black;
    padding: 18px;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-left: 4px solid green;
    text-decoration: none;
    display: block;
}

    ul#datalist a:hover {
        color: #003366;
        /* text-decoration:underline;*/
        background-color: #ffeaa9;
    }


.w600 {
    font-weight: 600
}

.color-0 {
    border-color: #F94144 !important
}

.color-1 {
    border-color: #F3722C !important
}

.color-2 {
    border-color: #F8961E !important
}

.color-3 {
    border-color: #F9844A !important
}

.color-4 {
    border-color: #F9C74F !important
}

.color-5 {
    border-color: #90BE6D !important
}

.color-6 {
    border-color: #43AA8B !important
}

.color-7 {
    border-color: #4D908E !important
}

.color-8 {
    border-color: #577590 !important
}

.color-9 {
    border-color: #277DA1 !important
}


/*
   / DATALIST Columning

*/