@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular.eot');
    src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular.woff2') format('woff2'),
         url('../fonts/roboto-regular.woff') format('woff'),
         url('../fonts/roboto-regular.ttf') format('truetype'),
         url('../fonts/roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium.eot');
    src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium.woff2') format('woff2'),
         url('../fonts/roboto-medium.woff') format('woff'),
         url('../fonts/roboto-medium.ttf') format('truetype'),
         url('../fonts/roboto-medium.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light.eot');
    src: url('../fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light.woff2') format('woff2'),
         url('../fonts/roboto-light.woff') format('woff'),
         url('../fonts/roboto-light.ttf') format('truetype'),
         url('../fonts/roboto-light.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
select::-ms-expand{
    display: none;
}
body {margin:0px; padding:0px; font-size:14px; font-family:'robotoregular'; color:#818181; background:#edecec;}
html, body {height:100%;}

/* HTML5 tags */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,.nav,section,summary{ display: block;}
.audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
.audio:not([controls]) { display: none; }

.[hidden] { display: none; }

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,strong,form,fieldset,table,th,tr,td,input,label,select,div{margin:0px; padding:0px;}
input, textarea, select{outline:none}

object, embed {max-width:100%!important; height:auto!important;} 

input::-webkit-input-placeholder {opacity:1;}
input::-moz-placeholder {opacity:1; }
input:-ms-input-placeholder {opacity:1;}
input:-moz-placeholder {opacity:1;}
input::-webkit-input-placeholder {opacity:1;}

* {margin:0px; padding:0px;}
a {outline:none; text-decoration:none; color:#1e9fcb}
a:hover {text-decoration: underline;}
.fl {float:left!important;}
.fr {float:right!important;}
img {border:none; line-height:0px; font-size:0px; outline:none;}
.cl {clear:both; line-height:0px!important; font-size:0px!important; height:0px!important;}
.no-bdr {border:none!important;}
/*--------- login page starts ----------*/
.login-bg { background:url(../img/login-bg.jpg) no-repeat 0 0; background-size:cover }
.login-container { margin:auto; position:absolute; left: 0; right:0; top:0; bottom:0; max-width:460px; /*height:508px;*/ height:570px; }
.login-container .logo { text-align: center; padding-bottom:45px;}
.login-container .logo img { display: inline-block}
.login-container .login-form { background:#fff; padding-bottom: 10px; border-radius:20px;}
.login-container h2 {text-align: center; font-size:40px; letter-spacing:1px;line-height: normal; padding: 30px 15px; font-family: 'robotoregular'; font-weight: normal; color:#50505a; text-transform:uppercase;}
.login-container .row { padding:0 30px 20px; }
.login-container .row input[type="email"], .login-container .row input[type="text"], .login-container .row input[type="password"]{border-radius:5px; border:2px solid #dcdcde; height:37px; width:96%; outline:none; color:#50505a; padding:0 2%; font-family: 'robotoregular'; font-size:15px;}
.login-container .row .checkbox { float:left}
.login-container .row .forgot{ float:left; color:#a4a4a8; font-family: 'robotoregular'; font-size:12px; text-transform:uppercase; letter-spacing:1px;}
.login-container .row .sign-up{ float:right; color:#a4a4a8; font-size: 12px; font-family: 'robotoregular'; text-transform:uppercase; letter-spacing:1px;}
.login-container .row .sign-up a, .login-container .row .forgot a{color:#a4a4a8;}

.login-container .login-form .row input[type=submit] {color:#fff; display: block; cursor: pointer; line-height:50px; background:#0072c6; text-align: center; width:100%; border: 0; border-radius:8px; font-size:24px; font-family: 'robotoregular'; text-transform: uppercase; text-transform:uppercase;}
.login-container .login-form .row input[type=submit]:hover{ background:#0561a5}
::-webkit-input-placeholder {color:#adadb3; /*text-transform:uppercase;*/  font-size:15px;}
:-moz-placeholder {color:#adadb3; /*text-transform:uppercase;*/  font-size:15px;}
::-moz-placeholder {color:#adadb3; /*text-transform:uppercase;*/ font-size:15px;}
:-ms-input-placeholder {color:#adadb3; /*text-transform:uppercase;*/ font-size:15px; }
.reset{border-bottom:1px solid #cacacd; color:#9d9da2; font-size:16px; font-family: 'robotoregular'; text-align:center; margin:8px 0 0;}
.again{color:#0072c6; font-size:15px; font-family: 'robotoregular'; text-align:center; margin:20px 0 0; text-transform:uppercase}
.again a{color:#0072c6;}
/*--------- login page ends ----------*/


/* footer starts */
footer {text-align: center; padding: 10px 0 50px}
footer .btm-logo { margin: 0 auto 10px; width:191px;}
/* footer ends */


/*--------- layout ends ----------*/
input {
    -webkit-appearance: none;
    -moz--appearance: none;
    border:none;
}
textarea,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none  !important;;
	 -moz--appearance: none;
}





/*--------- responsive css starts ----------*/

@media screen and (max-width:1230px) {
.container-row ul.list2.expand li .details {width:84%}
.container-row ul.list1.pic-right li .details {width:56%}
.container-row ul.list1 li .details {width:66%}
.container-row .employee-colum .heading { padding: 15px 14px 15px 15px}
.container-row .employee-colum .details {padding:27px 15px}
header .navigation nav ul li a {padding:0 25%}
.container-row ul.list2.expand2 li .details {width:93%}
.manage-employee-row p.department {width:11%; min-width: 10px; padding-right:10px}
.manage-employee-row .details {padding-right:10px;}
.manage-employee-row p.department.no-padding { width:auto}
}


@media screen and (max-width:1023px) {
.container-row ul.list1 li {float:none; width:auto;}
.container-row ul.list2 li {float:none; width:auto; border-right:0; padding:12px 28px}
.container-row ul.list2.expand li .details {width:78%}
.container-row ul.list2 li:nth-last-child(2) {border-bottom: 1px solid #d8d8d8}
.container-row .employee-colum {width:49%; min-height: 154px; margin-bottom: 10px;} 
.container-row .employee-colum:nth-child(2) { margin-right: 0}
header .navigation nav ul li a { padding:0 16%}
.container-row ul.list2.expand2 li .details {width:91%}
.manage-employee-row p.department {width:21%}
}
@media screen and (max-width:767px) {
/* responsive nav starts */
label[for="nav-trigger"] {display:block}
.top-navigation.slide-menu-box ul.links {float:none; display: block; text-align: left; width: 230px}
.top-navigation.slide-menu-box ul.links li { display:block; margin-top: 10px; margin-left: 15px; border-bottom: 1px solid #333;}
.top-navigation ul.links { display: none;}
/* responsive nav ends */
header .navigation nav { display: none}
.container-row .employee-colum { float:none; width:auto; margin-bottom: 10px; margin-right: 0}
.container-row .colum-50 { float: none; width:auto; padding-right: 0; padding-bottom: 30px;}
.container-row ul.list1 li { float:none; width:auto}
.container-row ul.list2 li { float:none; width:auto; border-right: 0}
.container-row ul.list2.expand li .details {width:76%}
.container-row ul.list2.expand li .details .rating { clear: both; display: block; margin-left: 0; margin-bottom: 10px;}
footer { padding-bottom: 15px;}
.container-row { padding-bottom:15px } 
.container-row .colum-50 { padding-bottom: 15px;} 
.container-row .heading-row { padding: 0 0 10px}
.container-row ul.list2 li { padding:10px 15px }
.container-row .employee-colum .details { padding: 15px;}
header .logo { margin-left:35px;}
.table-white-bg { padding:0 10px}
.table-white-bg .scroll-div { overflow: auto}
.table-white-bg table {width:1200px}
header .logo {width:124px;}
header .top-right { margin-top: -11px;}
.search { clear: left; float:none; margin: 0 auto 15px;}
.paging ul li a { margin-bottom: 5px;}
.login-container {padding:0 15px;}
.login-container h2 { padding: 15px 0; font-size: 20px;}
.login-container .row {padding:0 10px 10px}
.login-container .row .forgot { font-size: 14px;}
.login-container .logo {padding:15px 0}
.container-row ul.list1 li .details { width:70% }
.container-row ul.list1.pic-right li .pic { margin: 0 0 0 10px}
.container-row ul.list2.expand li .details { width:73%}
.add-charity-list li { text-align: center}
.add-charity-list li .checkbox {float:none; display: inline-block; margin-top:0; margin-left: 15px;}
.add-charity-list li .pic {float:none; display:block; clear: both; margin:0 auto}
.add-charity-list li .pic img { border-radius: 60px;}
.add-charity-list li .details { float: none; display: block; width:auto}
.add-charity-container .white-bg { margin:0 15px; padding:10px 10px 0}
.add-charity-container { margin-bottom:0 }
.add-charity-container .white-bg .row { padding-bottom: 15px;}
.container-row ul.list2.expand2 li .pic { margin: 0 auto 15px; float:none } 
.container-row ul.list2.expand2 li .details {float:none; width:auto; text-align: center}
.container-row .white-bg.no-padding2 { padding: 0}
.container-row ul.list2.expand2 li .details p { padding-top: 10px;}
.manage-employee-row {padding:15px;}
.manage-employee-row .pic {float:none; margin: 0 auto 10px; text-align: center; width:60px;}
.manage-employee-row .details { float:none; width:auto; padding:0 0 10px; text-align: center}
.manage-employee-row p.department {float:none; text-align: center; padding: 0 0 10px; width:auto}
.manage-employee-row p.department span {display:inline; padding-right: 15px; color:#999}
.manage-employee-row a.delete {margin: 0 auto; float:none; width:29px; display: block}
.feedback-heading {padding:0 15px;}
.feedback-heading.top { padding: 0}
header .navigation .plus {float:right; position: relative; top:24px;}



.login-container {
    padding:0px;
	left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    right: auto;
	bottom:auto;
    height: auto;
}
.login-container .login-form{margin:0 10px}
}

/*--------- responsive css ends ----------*/
.error{color:red
}

.notification-section{margin:0px; padding:0px;margin-bottom:10px}
.notification-section ul{background:#f0efef; padding:5px;}
.notification-section ul li{ display:block; margin:0 0 0px; line-height:35px; padding:0 0 0 2px;text-align:center}
.notification-section ul li.warning{ color:#8a6e39; border-left:5px solid #dfb56c; background:#efe1b3}
.notification-section ul li.success{ color:#386837; border-left:5px solid #8ac38b; background:#cde0c4}
.notification-section ul li.info{ color:#3e6793; border-left:5px solid #98b1c3; background:#d6dde7}
.notification-section ul li.error{ color:#fff; border-left:5px solid #953b39; background:#c26565}
.notification-section ul li strong{display:none}