.dashboard-header-margin
{
    margin-left:5px;
    }
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
 #telanganalogo
 {
    width:100px;
    height:100px;
 }
 .apptitle
 {
     font-size: 1.5625rem;
     }
 .depttitle
 {
     font-size:1.25rem;
     }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
   #telanganalogo
 {
    width:100px;
    height:100px;
 }
   .apptitle
 {
     font-size: 1.5625rem;
     }
 .depttitle
 {
     font-size:1.25rem;
     }
  
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
 #telanganalogo
 {
    width:90px;
    height:90px;
 }
  
   .apptitle
 {
     font-size: 1.5625rem;
     }
 .depttitle
 {
     font-size:1.25rem;
     }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
 #telanganalogo
 {
     width:90px;
    height:90px;
 }
   .apptitle
 {
     font-size: 1.5625rem;
     }
 .depttitle
 {
     font-size:1.25rem;
     }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  #telanganalogo
 {
     width:90px;
    height:90px;
 }
 
  .apptitle
 {
     font-size: 0.9625rem;
     }
 .depttitle
 {
     font-size:0.75rem;
     }
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

 #telanganalogo
 {
     width:60px;
    height:60px;
 }
  .apptitle
 {
     font-size: 0.7625rem;
     }
 .depttitle
 {
     font-size:0.55rem;
     }
  
}

 /* Tab Container Style*/
       
         .Tab
        {
            text-align: left;
        }
        /*Header*/
        .Tab .ajax__tab_header
        {
            color: #4682b4;
            font-family: Calibri;
            font-size: 18px;
            font-weight: bold;
            background-color: #ffffff;
            margin-left: 0px;
            line-height: 21px;
        }
        /*Body*/
        .Tab .ajax__tab_body
        {
            border: 1px solid #b4cbdf;
            padding-top: 0px;
        }
        /*Tab Active*/
        .Tab .ajax__tab_active .ajax__tab_tab
        {
            color: #ffffff;
            background: url("../../images/tab_active.gif") repeat-x;
            height: 20px;
        }
        .Tab .ajax__tab_active .ajax__tab_inner
        {
            color: #ffffff;
            background: url("../../images/tab_left_active.gif") no-repeat left;
            padding-left: 10px;
        }
        .Tab .ajax__tab_active .ajax__tab_outer
        {
            color: #ffffff;
            background: url("../../images/tab_right_active.gif") no-repeat right;
            padding-right: 6px;
        }
        /*Tab Hover*/
        .Tab .ajax__tab_hover .ajax__tab_tab
        {
            color: #000000;
            background: url("../../images/tab_hover.gif") repeat-x;
            height: 20px;
        }
        .Tab .ajax__tab_hover .ajax__tab_inner
        {
            color: #000000;
            background: url("../../images/tab_left_hover.gif") no-repeat left;
            padding-left: 10px;
        }
        .Tab .ajax__tab_hover .ajax__tab_outer
        {
            color: #000000;
            background: url("../../images/tab_right_hover.gif") no-repeat right;
            padding-right: 6px;
        }
        /*Tab Inactive*/
        .Tab .ajax__tab_tab
        {
            color: #666666;
            background: url("../../images/tab_Inactive.gif") repeat-x;
            height: 20px;
        }
        .Tab .ajax__tab_inner
        {
            color: #666666;
            background: url("../../images/tab_left_inactive.gif") no-repeat left;
            padding-left: 10px;
        }
        .Tab .ajax__tab_outer
        {
            color: #666666;
            background: url("../../images/tab_right_inactive.gif") no-repeat right;
            padding-right: 6px;
            margin-right: 2px;
        }
         /* Modal Popup */

.modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
        }
        .modalPopup
        {
            background-color: #FFFFFF;
            width:830px;
            border: 3px solid #DDDDEE;
            border-radius: 12px;
            padding: 0;            
        }
        .modalPopup .header
{
    background-color: #FFFFFF;
    height: 30px;
    color: White;
    line-height: 30px;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
        .modalPopup .body
        {
            min-height: 50px;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
        }
        .modalPopup .footer
        {
            padding: 6px;
        }
        .modalPopup .yes, .modalPopup .no
        {
            height: 23px;
            color: White;
            line-height: 23px;
            text-align: center;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
        }
        .modalPopup .yes
        {
            background-color: #2FBDF1;
            border: 1px solid #0DA9D0;
        }
        .modalPopup .no
        {
            background-color: #9F9F9F;
            border: 1px solid #5C5C5C;
        } 
         .accordian-header:hover
        {
            cursor: pointer;
            
        }
        .accordian-headtag
        {
            background: #378686;
            
            color: White;                                           
            padding: 5px 10px;
            width: 100%;
            border-radius: 10px;
            
        }
        .accordian-body
        {
            border:1px solid #ccc;
            background:#fff;
            padding:10px;
            border-radius:10px;
            
            
            }
           i{margin-right:10px;}
            .accordionHeader
            { border:1px solid green;
              border-radius: 10px;
              
              }