/*body{
     font-family: "lucida grande", tahoma, verdana, arial, sans-serif;  
     font-size:11px;
}*/

.DefaultStrokeRenk{
    background-color:#b6c2c9;
    color:#fff;
}
.SuccessStrokeRenk{
    background-color:#00acac;
    color:#fff;
}
.WarningStrokeRenk{
    background-color:#f59c1a;
    color:#fff;
}
.DangerStrokeRenk{
    background-color:#ff5b57;
    color:#fff;
}
.PrimaryStrokeRenk{
    background-color:#348fe2;
    color:#fff;
}
.InfoStrokeRenk{
    background-color:#49b6d6;
    color:#fff;
}
.InverseStrokeRenk{
    background-color:#2d353c;
    color:#fff;
}

.DefaultRenk{
    color:#b6c2c9;
}
.SuccessRenk{
    color:#00acac;
}
.WarningRenk{
    color:#f59c1a;
}
.DangerRenk{
    color:#ff5b57;
}
.PrimaryRenk{
    color:#348fe2;
}
.InfoRenk{
    color:#49b6d6;
}
.InverseRenk{
    color:#2d353c;
}


.loadingGif{
    background-image:url('/Images/loading.gif');
    width:16px;
    height:11px;
    background-repeat:no-repeat;
    display:none;
}


.formBack{
    background-image: -webkit-linear-gradient(rgb(150,150,150),rgb(100,100,100));
    background-image: -moz-linear-gradient(rgb(150,150,150),rgb(100,100,100));
    background-image: -ms-linear-gradient(rgb(150,150,150),rgb(100,100,100));
    background-image: -o-linear-gradient(rgb(150,150,150),rgb(100,100,100));
    background-image: linear-gradient(rgb(255,255,255),rgb(230,230,230));
}
.ktMenulerIcnPanel{
    padding:10px;
    text-align:center;
    
}
.ktMenulerIcnPanel button{
    /*width:100%;*/
}
.icnAtu{
    background-image:url('/Content/images/MenuIcons/ATU.png');
}
.icnWebAtu{
    background-image:url('/Content/images/MenuIcons/DIJITAL.png');
}
.icnVideoCozum{
    background-image:url('/Content/images/MenuIcons/COZUM.png');
}
.icnSinav{
    background-image:url('/Content/images/MenuIcons/SINAV.png');
}
.icnSunum{
    background-image:url('/Content/images/MenuIcons/SUNUM.png');
}
.icnPdf{
    background-image:url('/Content/images/MenuIcons/PDF.png');
}
.icnMenuler {
    height:30px;
    width:30px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    margin:0 auto;
}
.height10{
    height:10px;
}
.height5{
    height:5px;
}
.height3{
    height:3px;
}

/*.mainSolLogo{
    float:left;
}*/

.moreDetailImage{
    border:thin solid #dadada;
    width:250px;
    height:300px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;

    margin:0 auto;
}

.atuIcnSize {
    height:200px;
}

#searchBox {
    position:absolute;
    width:400px;
    /*max-height:300px;*/
    border:thin solid black;
    z-index:100;
    background-color:white;
    padding-bottom:5px;
    color:black;
    font-size:12px;
    display:none;
}
.searchBoxList{
    padding-bottom:15px;
    padding-left:5px;
    padding-top:3px;
    color:black;
}
.searchBoxList a{
    width:100%;
    
}
.searchBoxList:hover{
    background-color:#dadada;
}
#searchLoading{
    /*display:block;*/
    margin:0 auto;
}

.searchBoxThumb{
    width:50px;
    height:50px;
    border:thin solid #dadada;
    border-radius:3px;
    text-align:center;
    padding:3px;
}
.searchBoxThumb img{
    max-width: 100%;
    height: auto;
    width: auto;
}

.buyukBtn{
    border:2px #2c2c2c solid;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    width:100px;
    text-align:center;
    overflow:hidden;
}
.buyukBtn .buyukBtnTxt{
    background-color:#dadada;
    padding-top:10px;
    padding-bottom:10px;
    color:#fff;
    font-size:16px;

    /*background-image: -webkit-linear-gradient(rgb(150,150,150),rgb(100,100,100));
	background-image: -moz-linear-gradient(rgb(150,150,150),rgb(100,100,100));
	background-image: -ms-linear-gradient(rgb(150,150,150),rgb(100,100,100));
	background-image: -o-linear-gradient(rgb(150,150,150),rgb(100,100,100));
    background-image: linear-gradient(rgb(163,183,3),rgb(54,135,62));*/
    background-color:#424242;
}
.KitaplikPartial img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto; /* For IE8 */
}
.KitaplikPartial{
    border:thin solid #2c2c2c;
    padding:3px;
    border-radius:5px;
}

.alignRight{
    text-align:right;
}
.alignLeft{
    text-align:left;
}
.alignCenter{
    text-align:center;
}
.hrWhite{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dadada;
    margin: 3px 0;
    padding: 0; 
}
.mkBtn{
    
}
.mkBtn .btnPanel{
    background-color:#fff;
    width:60px;
    height:60px;
    
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;

    

    -moz-box-shadow:inset 0 0 10px #000000;
    -webkit-box-shadow:inset 0 0 10px #000000;
    box-shadow:inset 0 0 40px 0px #ccc,-5px 8px 6px 3px #ccc;

    border-top-color:#fff;
    border-top-style:solid;
    border-top-width:2px;
    border-right-color:#fff;
    border-right-style:solid;
    border-right-width:2px;

    
}
.mkBtn .btnTxt{
    text-align:center;
    padding-top:10px;
    width:60px;
}

.KitaplarMenuBar{
    padding-left:15px;
    padding-right:15px;
    margin:0 auto;
    /*text-align:center;
    position:relative;
    border:thin solid red;*/
}

.KitaplarMenuBar a{
    text-decoration: none;
    float:left;
    /*width:65px;*/
    margin-left:25px;
    /*display:inline-block;*/   
}
.KitapliSocialMediaBar a{
    display:inline-block;
    margin-left:10px;
    text-decoration: none;
    color: inherit;

    
}
.KitapPanelBorder{

}
.CenterBarRightA a{
    color:#fff;
}

.hrAk{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid  #ccc;
    margin: 3px 0;
    padding: 0; 
}

.hrAkDotted{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted  #e2e2e2;
    margin: 3px 0;
    padding: 0; 
}

.hrAk2x{
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid  #ccc;
    margin: 3px 0;
    padding: 0; 
}

.container500{
    max-width:500px;
    margin:0 auto;
}

.profileModalIn{
    max-width:450px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:25px;
    padding-top:20px;
    margin:0 auto;
    background-color:#ffffff;
    /*border-left:solid 1px #dadada;
    border-right:solid 1px #dadada;*/
    border:solid 1px #dadada;
}
.kitapDownload{
    max-height:100px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.kitapAktif{
    position:absolute;
    
    width:150px;
    left:50%;
    margin-left:-75px;
    bottom:0px;

    opacity:0.8;
}
.my_logo{
    float: left;
    margin-right: 10px;
    margin-top: 5px;

    background-image:url('/Images/karinesoft_logo.png');
    height:35px;
    width:35px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


/*hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}*/


/* -------------------------------
   2.0 Top Navbar
------------------------------- */

/* 2.1 Top Navbar Element Setting */

.top-nav {
    background: #242A30;
    z-index: 1040;
    position: relative;
}
.top-nav .nav > li > a {
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
    color: #fff;
    -webkit-transition: opacity 0.2s cubic-bezier(0.6, 0.045, 0.4, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.6, 0.045, 0.4, 1);
    transition: opacity 0.2s cubic-bezier(0.6, 0.045, 0.4, 1);
}
.top-nav .nav:first-child {
    margin-left: -15px;
}
.top-nav .nav > li > a:hover,
.top-nav .nav > li > a:focus {
    background: none;
    color: #fff;
    opacity: 0.65;
}
.top-nav .flag-img {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    height: 12px;
}
.top-nav .dropdown-menu .flag-img {
    margin-right: 10px;
    margin-left: -5px;
    width: 20px;
}
.top-nav .dropdown-menu {
    background: #2d353c;
}
.top-nav .dropdown-menu > li > a {
    line-height: 20px;
    color: #fff;
}
.top-nav .dropdown-menu > li > a:hover,
.top-nav .dropdown-menu > li > a:focus {
    background: #242A30;
}



/******************* Sinavlar ******************************/
.sinavlar-left-panelback{
    width:200px;
}
.sinavlar-left-panel{
    position:fixed;
    width:200px;
    border-right-color:#dadada;
    border-right-style:solid;
    border-right-width:1px;
    height:100%;
    padding:10px;
    text-align:center;
}
.sinavlar-right-panel {
    /*width:824px;*/
    width: 100%;
    padding: 10px;
    min-height: 500px;
}
.sinav-sorularduzenle-bar{
    padding-left:10px;
}
.sinav-sorular-resimitem{
    width: 150px;
    height: 150px;
    overflow: hidden;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center center;
}
.sinav-sorular-resim{
    padding:10px;
}

.sinav-sorular-ul {
  list-style-type: none;
}

.sinav-sorular-li {
  /*display: inline-block;*/
}

input[type="checkbox"][id^="resim_"] {
  display: none;
}

.sinav-sorular-label {
  border: 1px solid #fff;
  /*padding: 10px;*/
  display: block;
  position: relative;
  margin: 10px;
  cursor: pointer;
}

.sinav-sorular-label:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

/*.sinav-sorular-label img {
  height: 130px;
  width: 130px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}*/

:checked + .sinav-sorular-label {
  border-color: #ddd;
}

:checked + .sinav-sorular-label:before {
  content: "✓";
  background-color: #00acac;
  transform: scale(1);
}

:checked + .sinav-sorular-label img {
  transform: scale(0.9);
  box-shadow: 0 0 5px #333;
  z-index: -1;
}


/*Checked---*/

.sinav-sorular-label-checked {
  border: 1px solid #fff;
  padding: 10px;
  display: block;
  position: relative;
  margin: 10px;
  cursor: pointer;

  

}
.sinav-sorular-label-checked:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);

      content: "✓";
  background-color: #f59c1a;
  transform: scale(1);

}

.sinav-sorular-label-checked img {
  height: 130px;
  width: 130px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}


.sinav-sorular-label-checked img {
  transform: scale(0.9);
  box-shadow: 0 0 5px #333;
  z-index: -1;
}
/*---/Sinavlar/SinavDuzenle---*/
.KitapPanel{

}
.KitapRow{
    margin:0 auto;
    border:thin solid red;
}
.kitapRowA4{
    width:556px;
    height:600px;
}
.kitapRowA5{
    width:600px;
    height:850px;
}
.kitapRow700x1110{
    width:700px;
    height:1110px;
}
.kitapRow500x800{
    width:500px;
    height:800px;
}

.KitapRowTools{
    margin:0 auto;
}
.kitapRowA4W{
    width:556px;
}
.kitapRowA5W{
    width:600px;
}
.kitapRow700x1110W{
    width:700px;
}
.kitapRow500x800W{
    width:500px;
}
.full_height{
    height:100%;
}
.parentCol{
    height:100%;
}
.parentRow td{
    border:2px solid #f59c1a;
    padding:10px;
}

.SinavSoruItem {
    /*padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;
    margin-bottom:10px;*/
    border: 1px solid #dadada;
    /*min-height:200px;*/
    width: 240px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}
    .SinavSoruItem:hover {
        /*border:1px dashed #dadada;*/
        -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
    }
/*---/Sinavlar/SinavDuzenle---*/
.quesTitle {
    vertical-align: top;
    padding-left: 5px;
    color:#fff;

    height:80px;
    overflow:hidden;
}
.quesNo{
    
    /*margin-top:20px;*/
    font-size:16px;
    color:#000;
}
.quesPanel{
    display:inline-block;
    /*min-height:150px;*/
    /*padding-top:20px;
    padding-bottom:10px;*/
}

.quesIcons{
    padding:5px;
}
.questMenu{
    border:thin solid #dadada;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:15px;
}
.quesIcons i{
    font-size:16px;
}
.quesIcons:hover{
    color:#00acac;
}
.DragBtn{
    cursor:move;
}
.quesNesneDetayTuru{
    padding:5px;
}
.silBtn{
    cursor:pointer;
}
.copyBtn{
    cursor:pointer;
}
/*.secenekTuru{
    display:none;
}*/
.tooltipLi{
    cursor:pointer;
}
.skorEditTable{
    background-color:#dadada;
}
.skorEditTable tr td{
    border:thin solid #dadada;
    padding:5px;
}


/*Sinav onizleme*/
.lite-background{
    background-color:#dbdbdb;
}
.dark-background{
    background-color:#454545;
}

.menu-panel {
    
}
.menuPanelTop {
    position: fixed;
    height: 80px;
    width:100%;
    top: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    z-index:1000;
}
#menuPanelBottom {
    position:fixed;
    height:43px;
    width:100%;
    bottom:0px;
    
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/

}

.desktop-width{
    width:1020px; 
}

.tablet-width{
    width:660px;
}
.mobile-width{
    width:330px;
}

.desktop-panel{
    width:616px;
    left:50%;
    margin-left:-308px;
}

.tablet-panel{
    width:640px;
    left:50%;
    margin-left:-320px;
}
.mobile-panel{
    width:320px;
    left:50%;
    margin-left:-160px;
}
.menu-btn {
}
.danger .test-btn{
    border-color:#f32b2b;
}
.testsuccess-btn{
    background-color:#6eb020;
    border-color:#000000;
    color:#000000;

    height:32px;
    width:32px;
    padding:3px;
    font-size:17px;
    border-width:2px;
    border-style:solid;
    border-radius:50%;
    text-align:center;
}
.testdanger-btn{
    background-color:#f32b2b;
    border-color:#000000;
    color:#000000;

    height:32px;
    width:32px;
    padding:3px;
    font-size:17px;
    border-width:2px;
    border-style:solid;
    border-radius:50%;
    text-align:center;
}

.testdefault-btn {
    /*border-color: #7C7C7C;
    color: #7C7C7C;*/
    text-align:center;
    height: 28px;
    width: 28px;
    font-size: 18px;
    border-radius: 50%;
}
#mainAnswerPanel > .menuTestBtn-group > .testdefault-btn {
    border-color: #fff;
    color: #fff;
}

.test-medium-btn {
    height: 22px;
    width: 22px;
    border-width: 1px;
    padding: 2px;
    font-size: 12px
}


.test-small-btn{
    height:16px;
    width:16px;
    border-width:1px;
    padding:2px;
    font-size:10px
}
.sinavSoruRow .testActive {
    border-color: #7C7C7C !important;
    background-color: #7C7C7C !important;
    color: #FFF !important;
}
#mainAnswerPanel .testActive {
    border-color: #000000 !important;
    background-color: #000000 !important;
    color: #fff !important;
}
.test-btn{
    cursor:pointer;
}
.menuBtn-group{
    height:36px;
    width:36px;
    padding:4px;
    /*font-size:22px;*/
    color:#fff;
    float:left;
    cursor:pointer;
    text-align:center;
    opacity:.5;
}
.menuBtn-group.active {
  color:#45a9f3;
}

.menuBtn-group:hover{
    opacity:1;
}

.menuTestBtn-group{
    height:36px;
    width:36px;
    padding:2px;
    color:#959595;
    float:left;
}
.menuTestSira-group{
    height:36px;
    width:36px;
    padding:2px;
    color:#959595;
    float:left;
    font-size:16px;
    text-align:center;
}
.menuTestBtn-medium-group{
    height:26px;
    width:26px;
    padding:2px;
    color:#959595;
    float:left;
}
.menuTestBtn-small-group{
    height:22px;
    width:22px;
    padding:2px;
    color:#959595;
    float:left;
    font-size:12px;
}
.menuSayac-group{
    /*background-color:#b3c7d1;
    height:24px;
    width:96px;*/
    /*font-size:18px;*/
    /*color:#454545;*/
    /*float:left;*/
    /*text-align:center;*/
    /*margin-top:6px;
    margin-bottom:6px;*/
}

.menuSoruBaslik-group {
    /*background-color: #b3c7d1;*/
    /*height: 24px;
    width: 96px;*/
    /*font-size: 18px;*/
    /*color: #454545;*/
    float: left;
    /*text-align: center;*/
    margin-top: 2px;
    margin-bottom: 2px;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.sinavSoruRow{
    cursor:pointer;
}
/*.dark-tooltip + .tooltip > .tooltip-inner {
    background-color: #454545;
}*/
.dark-tooltip + .tooltip > .tooltip-inner {background-color: #454545;}
.dark-tooltip + .tooltip.bottom > .tooltip-arrow { border-bottom-color:#454545; }
.dark-tooltip + .tooltip.top > .tooltip-arrow { border-top-color:#454545; }
.dark-tooltip + .tooltip.left > .tooltip-arrow { border-left-color:#454545; }
.dark-tooltip + .tooltip.right > .tooltip-arrow { border-right-color:#454545; }

.light-tooltip + .tooltip > .tooltip-inner {background-color: #959595;}
.light-tooltip + .tooltip.bottom > .tooltip-arrow { border-bottom-color:#959595; }
.light-tooltip + .tooltip.top > .tooltip-arrow { border-top-color:#959595; }
.light-tooltip + .tooltip.left > .tooltip-arrow { border-left-color:#959595; }
.light-tooltip + .tooltip.right > .tooltip-arrow { border-right-color:#959595; }




.butonOutline{
    border-width:3px;
    border-color:#ffffff;
    border-style:solid;

    border-radius:20px;
}

.sinavSoruRow .active .testdefault-btn.test-medium-btn {
    color: #006FDE !important;
    border-color: #006FDE !important;
}
.sinavSoruRow .active .menuTestSira-group {
    color: #006FDE !important;
}


.sinavSoruRow .active .testdefault-btn.test-medium-btn.testActive {
    color: #fff !important;
    border-color: #006FDE !important;
    background-color: #006FDE !important;
}



/*Skin css*/
/*.birincil-bg-color {
    background-color: #1bbcea !important;
}

.birincil-text-color {
    color: #1bbcea !important;
}

.birincil-border-color {
    border-color: #1bbcea !important;
}*/

.sideBarTestColumn{
    font-size:18px;
}
.sideBarTestSira {
    width: 30px !important;
    font-size: 18px;
}
.whitePageImg {
    /*max-width: 100%;
    max-height: 100%;*/
    /*position:absolute;*/
    /*vertical-align: middle;*/
    /*-moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;*/
    border-radius: 5px;
    border: thin solid #dddddd;
    /*-moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;*/
}

#sinavdaSoruPanel {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.testMainBody.active {
    padding-right: 230px !important;
}

.underlineNone {
    text-decoration: none !important;
}
.successGolge {
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0,120,255,1);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0,120,255,1);
    box-shadow: 0px 0px 2px 2px rgba(0,120,255,1);
}

.dangerGolge {
    -webkit-box-shadow: 0px 0px 2px 2px rgba(255,91,87,1);
    -moz-box-shadow: 0px 0px 2px 2px rgba(255,91,87,1);
    box-shadow: 0px 0px 2px 2px rgba(255,91,87,1);
}


#mainAnswerPanel {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, curretly*/
}


.pageCover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/Content/Images/page-cover-v2.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1000
}

.pageCover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    opacity: .66
}
.successGolge {
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0,120,255,1);
    -moz-box-shadow: 0px 0px 3px 3px rgba(0,120,255,1);
    box-shadow: 0px 0px 3px 3px rgba(0,120,255,1);
}

.dangerGolge {
    -webkit-box-shadow: 0px 0px 3px 3px rgba(255,91,87,1);
    -moz-box-shadow: 0px 0px 3px 3px rgba(255,91,87,1);
    box-shadow: 0px 0px 3px 3px rgba(255,91,87,1);
}

.warningGolge {
    -webkit-box-shadow: 0px 0px 3px 3px rgba(245,156,26,1);
    -moz-box-shadow: 0px 0px 3px 3px rgba(245,156,26,1);
    box-shadow: 0px 0px 3px 3px rgba(245,156,26,1);
}

.dark-mode {
    --bs-body-bg: #171717;
    --bs-body-color: lightgray;
    --bs-dark: #f4f4f4;
    --bs-dark-rgb: 244,244,244;
    --bs-black: #FFFFFF;
    --bs-black-rgb: 255,255,255;
    --bs-light: #212121;
    --bs-light-rgb: 33,33,33;
    --app-border-color: #7a7a7a;
    --app-header-bg: #2f2f2f;
    --app-header-color: #FFFFFF;
    --app-header-input-bg: #1c1c1c;
    --app-header-input-border: #1c1c1c;
    --app-header-divider-bg: #595959;
    --app-header-mobile-divider-bg: #212121;
    --app-component-bg: #373737;
    --app-component-bg-rgb: 55,55,55;
    --app-component-color: #FFFFFF;
    --app-component-color-rgb: 255,255,255;
    --app-component-border-color: #595959;
    --app-component-border-color-rgb: 89,89,89;
    --app-component-hover-bg: #555555;
    --app-component-hover-color: #FFFFFF;
    --app-component-hover-border-color: rgba(211, 211, 211, 0.125);
    --app-component-disabled-bg: #595959;
    --app-component-disabled-border-color: #595959;
    --app-component-disabled-color: #7a7a7a;
    --app-component-dropdown-bg: #595959;
    --app-component-dropdown-bg-rgb: 89,89,89;
    --app-component-dropdown-hover-bg: #7a7a7a;
    --app-component-dropdown-hover-bg-rgb: 122,122,122;
    --app-component-dropdown-border-color: #7a7a7a;
    --app-component-dropdown-border-color-rgb: 122,122,122;
    --app-component-modal-bg: #595959;
    --app-component-modal-bg-rgb: 89,89,89;
    --app-component-modal-border-color: #7a7a7a;
    --app-component-modal-border-color-rgb: 122,122,122;
    --app-component-secondary-bg: #595959;
    --app-component-table-border-color: #595959;
    --app-component-table-separator-color: #909090;
    --app-pos-bg: #171717;
    --app-login-bg-cover: url(images/bg-login-dark-mode.png);
    --form-switch-bg-image: url(data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(255, 255, 255, 0.25)'/></svg>);
}

    .dark-mode .panel {
        background-color: var(--app-component-bg);
        box-shadow: inset 0 0 0 1px var(--app-component-border-color-transparent);
    }
    .dark-mode .nav.nav-tabs + .tab-content {
        background: var(--app-component-bg);
    }
    .dark-mode .nav.nav-tabs .nav-item .nav-link.active {
        border-bottom-color: var(--app-component-bg);
    }
    .dark-mode .nav.nav-tabs .nav-item .nav-link {
        margin-bottom: -2px;
    }
    .dark-mode .form-control {
        border-color: var(--app-border-color) !important;
    }

    .dark-mode .form-control {
        display: block;
        width: 100%;
        padding: 0.4375rem 0.75rem;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--app-component-color);
        background-color: var(--app-component-bg);
        background-clip: padding-box;
        border: 1px solid #dadce0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 6px;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

/*    .dark-mode .btn.dropdown-toggle.btn-white {
        color: var(--app-component-color);
        background-color: var(--app-component-bg);
        border-color: var(--app-border-color) !important;
    }*/



.light-mode .table {
    color: #fff;
}
.light-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #2c3034;
}