.bg-orange{background-color: #e46c0a;}
.bg-deepskyblue{background-color: #00b0f0;}
.bg-canary{background-color: #ffff99;}
.bg-green{background-color: #92d050;}
.bg-darkslategray{background-color: #1d2733;}
.bg-darkblue{background-color: #1f497d;}
.text-orange{color: #f37b20;}
.text-darkblue{color: #1f497d;}

.border-darkblue{border-color: #1f497d !important;}


.mh200{min-height: 200px;}
.clsimgsize {width: 70px;height: 70px;}
.bl{background-color: #c9c8c8; list-style: none !important;}
.cl{background-color: #e6e5e5; list-style: none !important;}
.orglist{ width:100%;padding-top: 3px;padding-bottom: 3px; cursor:pointer; padding-left:0px;margin: 0px !important;}
.orglist li{list-style:none; width:100%;padding-left: 5px;}
.orglist li a{list-style:none; width:100%; color: #000; display: block;}
.active {color:red;font-weight:bold;}
.loader{position: absolute;top:0px;right:0px;width:100%;height:100%;background-color:#000;background-size: 50px;background-repeat:no-repeat;background-position:center;z-index:10000000;opacity: 0.7;filter: alpha(opacity=40);}
.bk_login {background:#c0c0c0;background-position: center;color:#000;}
.bg_login {background: url(../img/spbk.png) no-repeat;background-size: auto;background-position: center;}
.cls_loginborder{padding:60px 30px;-webkit-border-radius: 36px;-moz-border-radius: 36px;border-radius: 36px;border:3px solid #f37b20;background-color: rgb(0, 0, 0,0.95);background: rgb(0, 0, 0,0.95);color: #FFF;}
.clsremember label {min-height: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer;}
.clsremember input{ margin-right: 5px;}
.loginfields {border-radius: 0px  !important; border: none  !important;
  border-bottom: 1px solid #fff  !important; 
  margin-top:20px; background: #000  !important; 
  color: #fff  !important; background-color: #000 !important;width: 100%;}
.clsloginbtn {
padding: 6px 25px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color:#000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
border-color: #f37b20;
}
.clsloginbtn:hover {
border-color: #f37b20 !important;
color:#a2181d !important;
background-color: #e6ba99;
}

.btnorange {
padding: 10px 30px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color:#fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #f37b20;
border-color: #f37b20;
}
.clsloginbtn:hover {
border-color: rgb(100, 83, 83);
color:#000;
}

.clsforget a{color: #fff !important; font-size:16px; text-decoration: underline;}
.clsnewuser a{color: #f37b20 !important; font-size:16px; text-decoration: underline;}
.bkgorg{background-color: #f5f5f5; color: #000;}
.clsloginbtn {
  padding: 6px 25px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:#000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  border-color: #f37b20;
  }
  .clsloginbtn:hover {
  border-color: #f37b20 !important;
  color:#a2181d !important;
  background-color: #e6ba99;
  }
  
  .btnorange {
  padding: 10px 30px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:#fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f37b20;
  border-color: #f37b20;
  }
  .clsloginbtn:hover {
  border-color: rgb(100, 83, 83);
  color:#000;
  }
  
.clsforget a{color: #fff !important; font-size:16px; text-decoration: underline;}
.clsnewuser a{color: #f37b20 !important; font-size:16px; text-decoration: underline;}
.bkgorg{background-color: #f5f5f5; color: #000;}
#loginform{padding-left: 20px; padding-right: 20px;}
#myTab .nav-link.active{background-color: #eeca9a !important;}
.clsright{text-align: right;}
.clsalineright{text-align: right;}
.border-orange{border:1px solid #f37b20 !important}
.iframview{ min-height: 200px;border:1px solid #f37b20 !important;border-radius: 20px 20px;}
#objviewmain{border-radius: 20px 20px;}
#objviewnew{border-radius: 20px 20px;}
.campain{border-radius: 30px 30px;border:3px solid #385d8a !important;}
.campain0{ background-color: #f37b20;}
.campain1{ background-color: #ffff99;}
.campain2{ background-color: #00b0f0;}
.campain3{ background-color: #92d050;}
.campainopen{border-radius: 4px 4px;border:2px solid #385d8a !important; padding: 2px 12px; color: #fff; text-transform: uppercase; text-decoration: none;}
.campain1 .campainopen{ color: #385d8a;}
.campains{border-radius: 30px 30px;border:3px solid #385d8a !important;}
.campains:hover{background-color: #f37b20;}
.campainopens{border-radius: 4px 4px;border:2px solid #385d8a !important; padding: 2px 12px; color: #385d8a; text-transform: uppercase; text-decoration: none;}
.clsfile{display: none;}
.font-size-1{font-size: 1em;}
.font-size-2{font-size: 2em;}
.font-size-3{font-size: 3em;}
.font-size-4{font-size: 4em;}
.font-size-5{font-size: 5em;}
.font-size-6{font-size: 6em;}
.font-size-12x{font-size: 12px;}
.font-size-18x{font-size: 18px;}
.font-size-20x{font-size: 20px;}
.font-size-22x{font-size: 22px;}
.font-size-24x{font-size: 24px;}
.font-size-26x{font-size: 26px;}
.font-size-28x{font-size: 28px;}
.font-size-30x{font-size: 30px;}
.font-size-32x{font-size: 32px;}
.font-size-34x{font-size: 34px;}
.font-size-36x{font-size: 36px;}
.rounded8x{ border-radius: 8px;}
.rounded12x{ border-radius: 12px;}
.rounded16x{ border-radius: 16px;}
.rounded20x{ border-radius: 20px;}

.clsptable1top{right: -17px;}
.clsptable3top{left: -17px;}
.clsptable1{ border-left: 2px solid #000; border-top: 2px solid #000; border-bottom: 2px solid #000;padding: 30px;border-top-left-radius: 2em;border-bottom-left-radius:2em; }
.clsptable2{ border: 2px solid #000;border-radius: 2em; padding: 30px; top:-50px;position: relative;}
.clsptable3{ border-right: 2px solid #000; border-top: 2px solid #000; border-bottom: 2px solid #000;border-top-right-radius: 2em;border-bottom-right-radius:2em; padding: 30px;}
.clastopsp{padding-top: 15%;}
.clasbottomsp{padding-top: 18%;}
.clsdlogo{padding-bottom: 30px;}
.clssidebar_logo{background-color: #fff; border: 2px solid #000; padding: 10px; margin-top: 30px;}
.clsyarrow{color: #f37b20; margin-top: 100%; font-size: 60px;}
#overlay{ position: fixed; top: 0;  bottom: 0; left: 0; right: 0; background: rgb(0, 0, 0,0.6);z-index: 10010; overflow: auto;}
.sb-sidenav-dark .sb-sidenav-menu .nav-link.active {
  color: #6a1a21 !important;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link.active .sb-nav-link-icon{
  color: #6a1a21 !important;
}
.rightnav .nav-link.active {color: #6a1a21 !important;background-color: #f9e9d5;}
.bg-silver{background-color: #bfbfbf !important;}
.leftmargin{margin-left: 5px !important;}
#dTable_length{position: relative;  float: left;}
.dataTables_filter{position: relative;  float: left;}