﻿::selection{background-color:#c0392b; color:#fff;}
::-moz-selection{background-color:#c0392b; color:#fff;}
p{text-align:justify;}
body{line-height:30px;color:#333;}
@media screen and (min-width: 768px )
{
    
.dropdownMenu{visibility:hidden;display:block;top:50px;transition:all 0.5s;opacity:0;text-align:left;}
.dropMenu:hover .dropdownMenu{visibility:visible;top:40px;opacity:1;}
.navbar-default .navbar-nav > li{position:relative;}
.navbar-default .navbar-nav > li span{position:absolute;background-color:#000;color:#fff;transition:all 0.4s ease-in;bottom:0;left:0;right:0;top:0;visibility:hidden;opacity:0;}
.navbar-default .navbar-nav > li:hover span{visibility:visible;opacity:1;}
}
/****************************************/
nav{background-color:#c0392b;margin-bottom:20px;}
.logo{padding:20px 0;display: inline-block;}
.sidebox{margin-bottom:20px;display: inline-block;}
.sidebox i{font-size:50px;color:#c0392b;}
.sidebox h3{margin:0;font-size:18px;}
.sidebox h3 a{color:#fff;}
.sidebox p{line-height:20px;font-size:12px;}
.sidebox .col-md-10{background-color:#c0392b;color:#fff;padding-top:10px;}
.sidebox .col-md-2{padding:0;}
.box{background-color:#f7f7f7;overflow:hidden;
    box-shadow:0px 0px 3px #888;height:300px;
}
.box .sidebox{margin-bottom:8px;transition:all 0.3s;}
.box .sidebox h3 a{color:#c0392b;}
.box .sidebox i{font-size:40px;position:relative;transition:all 0.3s;}
.box .sidebox:hover i{left:5px;}
.box .sidebox .col-md-10{background-color:Transparent;padding-top: 0;text-shadow:1px 1px 1px #fff;}
.box .sidebox .col-md-10, .box .sidebox i{color:#333 !important; transition:all 0.5s;}
.box .sidebox:hover .col-md-10, .box .sidebox:hover i{color:#333 !important;}
.box h2{margin: 10px 0 20px 10px;}
.box2 .box{margin-bottom:5px;}
.box2 .box .sidebox{margin-top:10px; margin-bottom:0;}
footer{background-color:#1d1927;padding-top:20px;}
footer h4{color:#fff;}
footer p{line-height:18px;font-size:12px;color:#ccc;text-align:left;}
footer p a{color:#ccc; transition:all 0.5s;}
footer p a:hover{color:#fff;}
.social{margin:0;padding:0;}
.social li{list-style:none;display:inline-block;}
.social li a{padding:6px;color:#fff;background-color:#999;transition:all 0.3s;}
.social li a:hover{background-color:#000;color:#999;}
.footerBtm{text-align:center;line-height:50px;color:#fff;background-color:#c0392b;}
.footerBtm a{color:#fff;}
.content{font-size:13px; padding:10px;min-height:400px;}
footer table{color:#fff;}
table tr td, table tr th{vertical-align:middle !important;}
table tr th{color:#c0392b;}
.logoword{font-size: 30px;
position: relative;
bottom: 45px;
left: 15px;color:#c0392b;}
h4{color:#c0392b;font-style:italic;font-weight:bold;}
.div.dd_chk_select{width:200px;}
.dd_chk_select{width:450px !important;}
.pagerclass span
    {background-color:#428BCA;font-weight:bold;color:#FFFFCC; padding:5px;}  
    .pagerclass td
    {border-collapse:collapse;border:1px solid #ccc;}
    .pagerclass td a
    {padding:5px; }
    .sidebar{margin:0;padding:0;}
    .sidebar li{list-style:none;}
    .sidebar li a{display:inline-block; width:100%;line-height:35px; border-bottom:1px dotted #b1b1b1;color:#c0392b;transition:all 0.3s;}
    .sidebar li a:hover{background-color:#c0392b;padding-left:20px;color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.5);text-decoration:none;}
    .active{padding-left:20px;color:#fff !important; text-shadow:2px 2px 2px rgba(0,0,0,0.5);text-decoration:none;}
.txtwith{width:40% !important;}
.txtwith2{width:50% !important; padding:0px !important}
 .tdwithd{width:20% !important;}
  .formtdwithd{width:15% !important;}
  .timetxt{width:10% !important;}
  .suspend-list ul{padding-left:20px;margin-top:12px;}
    .dashboard .box{margin-top:20px;min-height:inherit !important; background: none !important;}
.dashboard .box a{display:inline-block;width:100%;text-align:center;border: 3px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,0.3), 0 0 10px rgba(0,0,0,0.2) inset;padding:20px 0;min-height: 116px;color:#00569a;}
.dashboard .box a:hover{color:#ff9059;}
.dashboard .box a i{font-size:30px;}


@media screen and (max-width: 568px )
{
    .logoword{
        display:none;
    }}