﻿#dashboard_header {
    padding:5px;
}

/* Static Menu */
.dashboard_menu {
    list-style:none;
    padding:0;

}
    .dashboard_menu li {
        display:inline;
        padding:4px;
    }
        .dashboard_menu li a {
            font-family:Calibri,'Microsoft New Tai Lue','Segoe UI',sans-serif;
            font-size:11pt;
            text-decoration:none;
            color:#808080;
        }
            .dashboard_menu li a:hover {
                text-decoration:underline;
                color:#2663A8;
            }
/* Dynamic Submenu */

    .dashboard_menu ul {
        position:absolute;
        list-style:none;
        z-index:2;
        padding-left:20px;
        display:none;
        background-color:#2663A8;
        width:200px;
        margin-top:0px;
        right:86px;
       
    }
        .dashboard_menu ul li {
            padding:2px;
            margin:0;
            text-align:left;
        }
        .dashboard_menu ul a {
            display:block;
            font-family:Calibri,'Microsoft New Tai Lue','Segoe UI',sans-serif;
            font-size:11pt;
            text-decoration:none;
            color:#fff;
        }
        .dashboard_menu ul a:hover {
          color:#fff;
          text-decoration:underline;
          background-color:none;
        }


.notify_style {
    position:absolute;
    height:30px;
    color:#fff;
    width:43\\px;
    text-align:center;
    margin-left:200px;
    margin-top:-50px;
    background:url(../images/icons/notification.png) no-repeat;
}
@media only screen and (max-width:480px) {
    .notify_style {
    position:absolute;
    height:30px;
    color:#fff;
    width:30px;
    text-align:center;
    margin-left:200px;
    margin-top:-50px;
    background:url(../images/icons/notification.png) no-repeat;
    } 
}

.profile_layer {
    width:100%;
    height:auto;
    margin:70px 0 0 0;
    background-color:#f6f6f6;
   /* border-top:1px solid #d5d5d5;*/
    padding:40px 25px 40px 25px;
	float:left;
}
#profile_owner, .profile_owner_layer {
    width:100%;
    height:100%;
    margin-top:0px;
    background-color:#fff;
    border:1px solid #d5d5d5;
    padding:10px;
}

.profile_owner_layer {
    width:35% !important;
    height:100%;
    margin-top:0px;
    background-color:#fff;
    border:1px solid #d5d5d5;
    padding:10px;
}

.profile_list {
    list-style:none;
    padding:0;
    margin:0;
}
    .profile_list li {
        display:block;
        line-height:2.0;
        color:#fff;
        font-family:'Segoe UI','Microsoft New Tai Lue',Tahoma,Calibri,sans-serif;
        font-weight:normal;
        font-size:11pt;
        text-decoration:none;
    }

.quicktool_list {
    list-style:none;
    padding:0;
    margin:0;
}
    .quicktool_list li {
        display:block;
        line-height:3.0;
        color:#808080;
        font-family:'Segoe UI','Microsoft New Tai Lue',Tahoma,Calibri,sans-serif;
        font-weight:normal;
        font-size:11pt;
        text-decoration:none;
    }
    .quicktool_list li a {
         font-family:'Segoe UI','Microsoft New Tai Lue',Tahoma,Calibri,sans-serif;
        font-weight:normal;
        font-size:11pt;
        text-decoration:none;
        color:#6c6b6b;
    }
        .quicktool_list li a:hover {
            color:#2663A8;
            text-decoration:underline;
        }

.quick-tool-icon {
    width:20px;
    height:20px;
}
#dash_services_layer {
    width:100%;
    height:auto;
    background-color:#f6f6f6;
    border:0px solid #d5d5d5;
    padding:0px;
    margin:0 auto;
}
.dashboard_services_icon, .dashboard_corporate_icon, .dashboard_provider_icon, .dashboard_school_icon, .dashboard_doctor_icon {
    height:100px;
    width:100px;
}
.dashboard_thumbnail {
    width:100%;
    height:250px; 
    padding-top:50px;
    border:0px solid #cacaca;
    background-color:#fff;
    box-shadow:1px 3px 4px 0px #cccccc;
    
}
.effect_layer {
    display:none;
    background-color:black;
    width:90%;
    background: rgba(64, 64, 64, 0.8); /* R, G, B, A */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
    padding:10px;
    bottom:0px;
    height:250px;
    position:absolute;  
}
   
@media only screen and (min-width:768px) {
    .effect_layer {
    display:none;
    background: rgba(64, 64, 64, 0.8); /* R, G, B, A */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
    width:92%;
    padding:10px;
    bottom:0px;
    height:250px;
    position:absolute;
  
   }

}
@media only screen and (min-width:320px) {
    .effect_layer {
    display:none;
    background: rgba(64, 64, 64, 0.8); /* R, G, B, A */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
    width:90.5%;
    padding:10px;
    bottom:0px;
    height:250px;
    position:absolute;
  
   }

}
@media only screen and (min-width:360px) {
    .effect_layer {
    display:none;
   background-color:black;
   background: rgba(64, 64, 64, 0.8); /* R, G, B, A */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
    width:92%;
    padding:10px;
    bottom:0px;
    height:250px;
    position:absolute;
   
   }

}
@media only screen and (min-width:768px) {
    .effect_layer {
    display:none;
    background-color:black;
    background: rgba(64, 64, 64, 0.8); /* R, G, B, A */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
    width:92%;
    padding:10px;
    bottom:0px;
    height:250px;
    position:absolute;

   }

}
@media only screen and (min-width:1280px) {
    .effect_layer {
    display:none;
    background: rgba(64, 64, 64, 0.8); /* R, G, B, A */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
    width:90%;
    padding:10px;
    bottom:0px;
    height:250px;
    position:absolute;

   }

}
@media only screen and (max-width:1024px) {
    .effect_layer {
    display:none;
    background: rgba(64, 64, 64, 0.8); /* R, G, B, A */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
    width:87.9%;
    padding:10px;
    bottom:0px;
    height:250px;
    position:absolute;

   }

}
.upload_layer {
    width:100%;
    height:100%;
    background-color:#f6f6f6;
    border-top:5px solid #d5d5d5;
    padding:25px;
}
table {
    border-collapse: collapse;
}
table, td, th {
    border: 0px solid black;
}
td {
    padding:5px;
}

.phr_wizard{
    list-style:none;
    padding:0;
    margin-top:18px;
    width:100%;
    height:50px;
}
 .phr_wizard li {
        
        display:inline;
        position:relative;
        width:100%;    
        color:#fff;  
        border-radius:5px;
        padding:15px 20px 15px 20px;
        background-color:#2663A8;
    }
 .phr_wizard li.phr_header {
        
        background-color:#fff;
        border:1px solid #cacaca;
        color:#808080;
    }
 .phr_wizard li.phr_tab_active {
        
        color:#fff;
        background-color:#009356;
    }
 .phr_wizard li.phr_tab_active a {
        
        color:#fff;
       
    }
    
    
        .phr_wizard li:hover { 
        color:#fff;             
        background-color:#009356;
    }
    .phr_wizard li a {
        font-family:'Segoe UI','Microsoft New Tai Lue',Tahoma,Arial,sans-serif;
        text-decoration:none;
        font-size:10pt;
        font-weight:normal;
        font-style:normal;
        color:#fff;
    }
     .phr_wizard li a:hover {
       color:#fff;
    }
        .phr_wizard li a:active {
            color:#2663A8;
        }
     .phr_wizard li a:visited, .phr_wizard li a:focus{
       color:#fff;
    }

.wizard_panel {
    width:100%;
    padding:25px;
    height:auto;
    background-color:#f6f6f6;
    border:1px solid #d5d5d5;
}
@media only screen and (max-width:480px) {
    .wizard_panel {
    width:100%;
    padding:25px;
    height:auto;
    margin-top:250px;
    background-color:#f6f6f6;
    border:1px solid #d5d5d5;
    }

}
@media only screen and (max-width:768px) {
    .wizard_panel {
    width:100%;
    padding:25px;
    height:auto;
    margin-top:250px;
    background-color:#f6f6f6;
    border:1px solid #d5d5d5;
    }

}

@media only screen and (max-width:768px ) {
    .phr_wizard{
    list-style:none;
    padding:0;
    margin-top:18px;
    width:100%;
    height:50px;
}
 .phr_wizard li {
        
        display:block;
        position:relative;
        width:100%;    
        color:#fff;  
         border-radius:0px;
        border-bottom:1px solid #cacaca;
        padding:15px 20px 15px 20px;
        background-color:#2663A8;
    }
 .phr_wizard li.phr_header {
        
        background-color:#fff;
        border:1px solid #cacaca;
        color:#fff;
    }
 .phr_wizard li.phr_tab_active {
        
        color:#fff;
        background-color:#009356;
    }
 .phr_wizard li.phr_tab_active a {
        
       color:#fff;
    }
    
        .phr_wizard li:hover { 
        color:#fff;             
        background-color:#009356;
    }
    .phr_wizard li a {
        font-family:'Segoe UI','Microsoft New Tai Lue',Tahoma,Arial,sans-serif;
        text-decoration:none;
        font-size:10pt;
        font-weight:normal;
        font-style:normal;
        color:#fff;
    }
     .phr_wizard li a:hover {
       color:#fff;
    }
        .phr_wizard li a:active {
            color:#2663A8;
        }
     .phr_wizard li a:visited, .phr_wizard li a:focus{
       color:#fff;
    }
}



  .phr_detail_menu{
    list-style:none;
    padding:0;
    margin-top:0px;
    width:100%;
    box-shadow:1px 4px 4px 2px #cccccc;
}
 .phr_detail_menu li {
          
        position:relative;
        width:100%;    
        color:#6c6b6b; 
        border-bottom:1px solid #cacaca;     
        background-color:#fff;
    }
 .phr_detail_menu li.phr_menuheader {
        
        background-color:#fff;
        border:1px solid #cacaca;
        color:#808080;
    }

 .phr_detail_menu li.phr_tab_active {        
        color:#fff;
        background-color:#009356;
    }
 .phr_detail_menu li.phr_tab_active a {        
        color:#fff;
        
    }
    
        .phr_detail_menu li:hover { 
        color:#fff;             
        background-color:#f6f6f6;
    }
    .phr_detail_menu li a {
        display:block;
        font-family:'Segoe UI','Microsoft New Tai Lue',Tahoma,Arial,sans-serif;
        text-decoration:none;
        font-size:10pt;

          cursor:pointer;
        padding:15px 20px 15px 20px;
        font-weight:normal;
        font-style:normal;
        color:#5b5b5b;
    }
    .phr_detail_menu li a.active_phr_link {
        background-color:#009356;
        color:#fff;
    }
    .phr_detail_menu li a.active_phr_link:hover {
        background-color:#009356;
        color:#fff;
    }

     .phr_detail_menu li a:hover {
       color:#2663A8;
    }
        .phr_detail_menu li a:active {
            color:#2663A8;
        }
        
       
 /*       .phr_detail_menu li a:focus,
        .phr_detail_menu li a:visited {
            color:#2663A8;
            border:none;
            outline:none;
        } */
     

    /* Nested PHR Menu */

    .phr_detail_menu ul {
        display:none;
        list-style:none;
        padding:0;
        width:100%;
    }
        .phr_detail_menu ul li {
            position:relative;
            width:100%;    
           
            color:#6c6b6b; 
            border-bottom:1px solid #cacaca;     
            background-color:#fff;
        }
        .phr_detail_menu ul a {
            display:block;
            font-family:'Segoe UI','Microsoft New Tai Lue',Tahoma,Arial,sans-serif;
            text-decoration:none;
            font-size:10pt;
             cursor:pointer;
            padding:15px 20px 15px 20px;
            font-weight:normal;
            font-style:normal;
            color:#5b5b5b;
        }
            .phr_detail_menu ul a:hover {
                color:#2663A8;
            }


.phr_form_layer {
    width:100%;
    height:100%;
    padding:20px;
    background-color:#fff;
    border:0px solid #cacaca;
    box-shadow:1px 4px 4px 2px #cccccc;
}
#dashboard_services,#corporte_welcome,#provider_welcome,#school_welcome, #docter_welcome {
    background-color:#f6f6f6;
}



/*Gridview Theme*/

.grid_header {
    padding:10px 15px 10px 15px;
    font-family:'Segoe UI','Microsoft New Tai Lue',Cambria,Arial,sans-serif;
    font-size:12pt;
    font-weight:lighter;
    font-style:normal;
    color:#5b5b5b;
    margin:0;
    background-color:#d5d5d5;
}


/* Corporate Dashboard Styles */

.dash_search_layer {
    width:100%;
    height:auto;
    padding:30px;
    background-color:#2663a8;
    color:#fff;
     box-shadow:1px 3px 4px 0px #6c6b6b;
}

.popup_panel
{
	width: 50%;
	height: 70%;
	position: absolute;
	background-color: #fff;
	padding: 5px;
}

@media (max-width:1024px)
{
	.popup_panel
	{
	width: 50%;
	height: 65%;
	position: absolute;
	background-color: #fff;
	padding: 5px;
	}

}