@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

div,p,h1,h2,h3,h4,h5,h6,body{margin:0; padding:0;}
body { font-family: 'Roboto', sans-serif; color: #333333; font-size: 14px; background-color: #f7f7f7;}
.dashboard{width:100%; height:100vh;}
.dashboard table{width:100%;}
.dashboard table td{vertical-align:top;}
.dashboard table td img{cursor:pointer;}
.dashboard table .tdnot{width:300px;}
.ssp{margin:10px; background-color:#ffffff; margin-bottom:0px;}
.ssp .content{padding:5px 10px; height:265px; position:relative; }
.sdp{margin:10px; background-color:#ffffff; margin-bottom:0px;}
.sdp .content{padding:5px 10px; height:265px; position:relative;}
.notification{margin:10px; background-color:#ffffff; margin-left:0px; position:relative; }
.notification h2{background-color:#0091da; padding:7px 10px;}
.notification .content{height:596px; overflow-y:scroll;}
.notification ul{padding-left:10px; margin-left:12px;}
.notification li{padding:5px 10px; padding-right:0px; padding-left:2px; font-size:14px;}
.title{background-color:#0091da; padding:5px 10px;}
h2{color:#ffffff; font-size:18px; font-weight:400;}
.loader{position:absolute; top:10%; left:40%; z-index:99;}
.txtbox{border:1px solid #ababab; color:#000000; padding:0px 5px; width:120px; height:25px;}
.ddlist{border:1px solid #ababab; color:#000000; padding:0px 5px; width:120px; height:27px;}
.button{border:1px solid #ff6a00; color:#ffffff; padding:0px 5px; width:50px; height:25px; background-color:#ff6a00;}

.home{text-align:center; padding-top:50px;}
.home .logo{width:200px; }
.home h1{padding-top:50px; padding-bottom:50px;}
.home .box{display:inline-block; vertical-align:top; box-shadow:0 0 5px #afafaf; padding:50px; font-size:20px; text-decoration:none; color:#0091da; font-weight:500; background-color:#ffffff; margin:30px; width:200px;}