html body {
    background-color: #f1f1f2;
    font-family: 'Questrial', sans-serif;
}

.mainPadding {
    padding-top:18px;
}

.nopadding {
   padding: 0 !important;
}

.logo {
    background-image:url(Images/pmg_onwhite.png);
    background-repeat:no-repeat;
    width:200px;
    height:110px;
}

.headLine {
    font-size:32px;
    color:#58595B;
}

.loginWelcom {
    font-size:32px;
    color:#3292ba;
}

.loginBox {
    padding-left:20px;
    padding-right:20px;
    border-width:2px;
}

.logoutSepetator {
    margin-top:5px;
    margin-bottom:5px;
    
    border-top: solid 1px #cccccc;
}

.logoutLink {
    color:#ffffff;
}

.logoutLink:hover {
    color:inherit;
   
}

.centering {
    float: none;
    margin: 0 auto;
 }

.tabIndex1 {
    
    background-image:url(Images/networks.png);
    background-repeat:no-repeat;
    width:162px;
    height:56px;
}

.tabIndex1.active, .tabIndex1:active, .tabIndex1.focus,.tabIndex1:focus{
    background-image:url(Images/networks_selected.png);
}

.tabIndex2 {
    
    background-image:url(Images/users-with-no-networks.png);
    background-repeat:no-repeat;
    width:215px;
    height:56px;
}

.tabIndex2.active, .tabIndex2:active, .tabIndex2.focus,.tabIndex2:focus{
    background-image:url(Images/users-with-no-networks_selected.png);
}

.tabIndex3 {
    background-image:url(Images/network.png);
    background-repeat:no-repeat;
    width:162px;
    height:56px;
}

.tabIndex3.active, .tabIndex3:active, .tabIndex3.focus,.tabIndex3:focus{
    background-image:url(Images/network_selected.png);
}

.tabIndex4 {
    background-image:url(Images/schools-of-network.png);
    background-repeat:no-repeat;
    width:215px;
    height:56px;
}

.tabIndex4.active, .tabIndex4:active, .tabIndex4.focus,.tabIndex4:focus{
    background-image:url(Images/schools-of-network_selected.png);
}

.tabIndex5 {
    background-image:url(Images/users-of-network.png);
    background-repeat:no-repeat;
    width:162px;
    height:56px;
}

.tabIndex5.active, .tabIndex5:active, .tabIndex5.focus,.tabIndex5:focus{
    background-image:url(Images/users-of-network_selected.png);
}


.tabIndex6 {
    background-image:url(Images/school.png);
    background-repeat:no-repeat;
    width:162px;
    height:56px;
}

.tabIndex6.active, .tabIndex6:active, .tabIndex6.focus,.tabIndex6:focus{
    background-image:url(Images/school_selected.png);
}

.tabIndex7 {
    background-image:url(Images/group-of-school.png);
    background-repeat:no-repeat;
    width:215px;
    height:56px;
}

.tabIndex7.active, .tabIndex7:active, .tabIndex7.focus,.tabIndex7:focus{
    background-image:url(Images/group-of-school_selected.png);
}

.tabIndex8 {
    background-image:url(Images/users-of-school.png);
    background-repeat:no-repeat;
    width:162px;
    height:56px; 
}

.tabIndex8.active, .tabIndex8:active, .tabIndex8.focus,.tabIndex8:focus{
    background-image:url(Images/users-of-school_selected.png);
}

.tabIndex9 {
    background-image:url(Images/group.png);
    background-repeat:no-repeat;
    width:162px;
    height:56px;
}

.tabIndex9.active, .tabIndex9:active, .tabIndex9.focus,.tabIndex9:focus{
    background-image:url(Images/group_selected.png);
}

.tabIndex10 {
    background-image:url(Images/users-of-group.png);
    background-repeat:no-repeat;
    width:162px;
    height:56px; 
}

.tabIndex10.active, .tabIndex10:active, .tabIndex10.focus,.tabIndex10:focus{
    background-image:url(Images/users-of-group_selected.png);
}

.tabIndex11 {
    background-image:url(Images/user.png);
    background-repeat:no-repeat;
    width:103px;
    height:56px; 
}

.tabIndex11.active, .tabIndex11:active, .tabIndex11.focus,.tabIndex11:focus{
    background-image:url(Images/user_selected.png);
}

.tabIndex12 {
    background-image:url(Images/groups-user-belongs-to.png);
    background-repeat:no-repeat;
    width:216px;
    height:56px; 
}

.tabIndex12.active, .tabIndex12:active, .tabIndex12.focus,.tabIndex12:focus{
    background-image:url(Images/groups-user-belongs-to_selected.png);
}

.tabIndex13 {
    background-image:url(Images/individual-user.png);
    background-repeat:no-repeat;
    width:216px;
    height:56px; 
}

.tabIndex13.active, .tabIndex13:active, .tabIndex13.focus,.tabIndex13:focus{
    background-image:url(Images/individual-user_selected.png);
}

.saveButton {
    background-image:url(Images/save.png);
    background-repeat:no-repeat;
    width:31px;
    height:31px;
    display:inline-block;
}

.saveButton:hover {
    background-image:url(Images/save_hover.png);
}

.cancelButton {
    background-image:url(Images/cancel.png);
    background-repeat:no-repeat;
    width:31px;
    height:31px;
    display:inline-block;
}

.cancelButton:hover {
    background-image:url(Images/cancel_hover.png);
}

.editButton {
    background-image:url(Images/edit.png);
    background-repeat:no-repeat;
    width:31px;
    height:31px;
    display:block;
}

.editButton:hover {
    background-image:url(Images/edit_hover.png);
}

.info {
    background-image:url(Images/info.png);
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    display:block;
    cursor:pointer;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.errorMessage {
    color: #a94442;
}

.link 
{
     color: #3E81BA;
     text-decoration:underline;
     cursor:pointer;
}

.link:hover 
{
     color: #2352A0; 
     text-decoration:underline;
     cursor:pointer;
}

.google-clasroom-icon {
    background-image:url(Images/googleclassroom-icon.png);
    background-repeat:no-repeat;
    width:20px;
    height:20px;
}

.clever-icon {
    background-image: url(Images/clever-icon.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.pm-icon {
    background-image: url(Images/pm-icon.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.user-profile-label {
    font-weight: bold;
}