@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i');

*{outline:none;}

html,body{min-height:100%; font-size:14px !important;}

.table.pull-right{width:inherit;}

/*--Login page--*/
.validationerorr{border: 1px solid red !important;}

.login-background{background:url(../../Images/login-bg.jpg) center center no-repeat; background-size:cover; position:relative;}

.loginpageform{font-family: 'Lato', sans-serif; color:#fff; position:fixed; width:900px; height:500px; top:50%; right:0px; bottom:50%; left:0px; margin:auto; box-shadow:0 0 20px #666;}
.loginpageform .left{width:450px; background:url(../../Images/login-form-left.jpg) top left no-repeat; float:left;}
.loginpageform .right{width:450px; height:500px; float:left; padding:30px 60px 0 60px; background:#f8a10c;}
.loginpageform h1{font-family: 'Lato', sans-serif; font-size:26px; font-weight:700; font-style:italic; line-height:1;}
.loginpageform h3{font-family: 'Lato', sans-serif; font-size:16px; font-weight:700; line-height:1;}
.loginpageform a{color:#fff;}
.loginpageform .btnsummit{text-align:right;}
.loginpageform .btnsummit button{border-radius:20px; font-size:14px; font-weight:700; color:#054ca6; text-align:center; border:0px; padding:10px 40px;}
.loginpageform .btnsummit button:hover{background:#022756; color:#fff;}
.loginpageform .bottomlink a{font-size:14px; font-weight:700; text-transform:uppercase;}
.loginpageform hr{border-top:1px solid #003b86; border-bottom:1px solid #0f5dbf;}
.loginpageform .callout{padding:5px 10px;}
.loginpageform .callout h4{display:inline; margin-right:5px;}

@media (max-width: 1024px) {
	.loginpageform{width:100%; position:static;}
	.loginpageform .left{display:none;}
	.loginpageform .right{width:100%; height:initial; padding:30px;}
	.loginpageform .btnsummit button{margin-top:20px;}
}
/*--Login page--*/


/*--popup--*/
.forpopup .modal-title{background-color: #69a3ca; color: #fff; font-size:18px; text-transform: uppercase; padding: 20px 40px; margin:-15px; display: inline-block;}
/*--popup--*/

.attendancetable{font-size:11px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; border:1px solid #ccc; border-spacing:2px; border-collapse: separate; text-align:center;}
.attendancetable th,.attendancetable td{border:1px solid #ccc; text-align:center; padding:2px; font-size:11px;}
.attendancetable tr:nth-child(even) {background-color:#f5f5f5;}
.attendancetable tr:hover{background-color:#faffb1; cursor:pointer;}

.attendancetable tr table tr:nth-child(even) {background-color:transparent;}
.attendancetable tr table tr:hover{background-color:transparent;}
.attendancetable .user-id{white-space:nowrap;}
.attendancetable .user-id strong{display:block;}
.attendancetable .holiday{background-color:#FFCCCC;}

.attendancetable .companyname{font-size:24px; text-transform:uppercase; font-weight:bold; line-height:1; margin-top:10px;}
.attendancetable .comapnyaddress{font-size:12px; text-transform:uppercase; font-weight:bold; color:#666; margin-bottom:10px;}
.attendancetable .branchname{font-size:16px; text-transform:uppercase; font-weight:bold; color:#3c8dbc;}
.attendancetable .monthname{font-size:16px; text-transform:uppercase; font-weight:bold; color:#000;}


/*Calendra*/
.calendar{border-radius:2px; background-color:#fff; padding:0px;}
.calendartable .dayname{background-color:#eee;}
.calendartable th{border:1px solid #c3c3c3; text-align:center; padding:8px 0;}
.calendartable td{height:80px; position:relative; width:14.2%; border:1px solid #c3c3c3; text-align:center;}
.calendartable td a{text-decoration:none;}
.calendartable td .date{position:absolute; top:0px; right:1px; height:20px; line-height:20px; width:20px; text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff; cursor:pointer;}
.calendartable td .date a{text-decoration:none; color:#333;}
.calendartable .currentDate{background-color:#f5f5f5;}
.calendartable .currentDate .date{background-color:#c00; color:#fff;}
.calendartable th.sunday{background-color:#fcc;}
.calendartable td.sunday .date {background-color: #fcc; color: #000;}
.calendar i.fa{margin-right:5px;}

.Birthday,.Leave,.Holiday,.Off,.Event,.Absent{padding-right:15px; margin-bottom:10px; display:inline-block; font-weight:600; font-size:16px;}
.Birthday{color:#fa8c05;}
.Leave{color:#b9b698;}
.Holiday{color:#790;}
.Off{color:#fd8c8c;}
.Event {color:#3c8dbc;}
.Absent {color:#cc0000;}

.birthdaydiv,.Leavediv,.Holidaydiv,.Eventdiv,.Offdiv,.Absentdiv{color:#000; text-align:center; font-size:14px; border-radius:100px; display:inline-block; padding:13px; position:relative; text-align:center; margin-right:5px;}
.birthdaydiv i.fa,.Leavediv i.fa,.Holidaydiv i.fa,.Offdiv i.fa,.Eventdiv i.fa,.Absentdiv i.fa{position:absolute; top:0px; right:-50%; bottom:0px; left:-50%; margin:0px; line-height:25px;}
.birthdaydiv{background-color:#ffba65;}
.Leavediv{background-color:#b9b698;}
.Holidaydiv{background-color:#70b147;}
.Offdiv{background-color:#fd8c8c;}
.Eventdiv{background-color:#3c8dbc;}
.Absentdiv{background-color:#cc0000;}
/*Attendance Report CSS
P- Present
A- Absent
O- Off or Holiday
L- Leave    
H- Half Day
S-Sunday
*/
.P,.A,.O,.L,.H,.S,.I {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px;}
.P{background:#a5d899 !important; color:#000 !important;}
.P table td{background:#a5d899 !important; color:#000 !important;}
.A{background:#fda6a6 !important; color:#000 !important;}
.A table td{background:#fda6a6 !important; color:#000 !important;}
.O{background:#f5ee12  !important; color:#000 !important;}
.O table td{background:#f5ee12  !important; color:#000 !important;}
.L{background:#b69ef1 !important; color:#000 !important;}
.L table td{background:#b69ef1 !important; color:#000 !important;}
.H{background:#2de1aa !important; color:#000 !important;}
.H table td{background:#2de1aa !important; color:#000 !important;}
.S{background:#fff !important;color:#000 !important;font-weight:bold;}
.S table td{background:#fff !important;color:#000 !important;}
.I{background:#b9f376 !important;color:#000 !important;font-weight:bold;}
.I table td{background:#b9f376 !important;color:#000 !important;}

.attendancetable tr:hover td{background-color:#faffb1 !important;}
.attendancetable tr:hover table td{background-color:#faffb1 !important;}

.reject, td.reject, tr:hover td.reject{font-family:inherit; background:#ff0000 !important; color:#fff;}
.approved, td.approved, tr:hover td.approved {font-family:inherit; background:#008000 !important; color:#fff;}
.Pending, td.Pending, tr:hover td.Pending{font-family:inherit; background:#008080 !important; color:#fff;}
.col-1 {width: 3%;}
.col-3 {width: 9%;}

.col-center{margin:0 auto; float:none}

.all-side-center{position:relative;}
/*.for-center-hv{position:relative; height:400px;}
.for-center-hv .col-center, .all-side-center .col-center{position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50%);}*/

.onlyforpadding10 .table-bordered{padding:0px 10px;}
.onlyforpadding10 .notpadding{padding:inherit;}
.onlyforpadding10 .notpadding .checkbox,.onlyforpadding10 .notpadding  .radio{margin:0px;}

.image{border-radius:100px; width:45px; height:45px; position:relative; overflow:hidden;}
.user-panel>.image>img{width:100%; height:initial; position:absolute; top:0; left:0px; border-radius:initial;}

.menubaseuserimg{border-radius:100px;width:25px;height:25px;position:relative;overflow:hidden;background: #fff;display: block;float: left;margin: 0 10px 0 0;}
.menubaseuserimg .user-image{width:100% !important; height:initial !important; position:absolute !important; top:0 !important; left:0px !important; border-radius:initial !important;}

.menudduserimg{border-radius:100px;width:90px; height:90px; position:relative; overflow:hidden; display: block; margin:0 auto}
.menudduserimg .img-circle{width:100% !important; height:initial !important; position:absolute !important; top:0 !important; left:0px !important; border-radius:initial !important;}


/***/
.deskboardtotalbox{font-weight:600; line-height:1.1; border-left:1px solid #fff; border-right:1px solid #ccc; color:#222; min-height:100px;}
.deskboardtotalbox:hover{background-color:#fff;}
.deskboardtotalbox span{display:block;}
.deskboardtotalbox .label-primary{margin-right:10px;}
.deskboardtotalbox .label-primary a{color:#fff;}
.deskboardtotalbox .title-heading, .deskboardtotalbox .totalnumbel{padding:0px 20px;}
.deskboardtotalbox .title-heading{padding-top:10px; text-align:right; color:#222;}
.deskboardtotalbox .totalnumbel{font-size:45px; font-weight:700; color:#4e5e68; text-align:right;}
.deskboardtotalbox .viewbotton{border-radius:0px; background:none;}
.deskboardtotalbox .viewbotton{background-color:#88a8ba; color:#fff; display:block; text-align:center; padding:5px;}
.deskboardtotalbox a:hover .viewbotton{background-color:#4d7496; color:#fff;}
.deskboardtotalbox .single-button{padding:27px 20px;}

hr.forheading{border:0px; border-bottom:2px solid #E6E9ED; margin:10px 0px;}
.postmessage .form-control{margin-bottom:10px;}

.topmember{font-size:12px; text-transform:uppercase; color:#555; font-weight:700; width:32%; text-align:center; display:inline-block; padding:10px 0; background-color:#f9f9f9; margin-bottom:3px;}
.topmember a{color:#555; text-decoration:none;}
.topmember a:hover{color:#116494;}
.topmember .member{border-radius:100px; position:relative; overflow:hidden; width:64px; height:64px; margin:0 auto;}
.topmember .member img{position:absolute; top:0px; left:0px; width:100%;}

.topcompany{font-size:14px; color:#444;}
ul.topcompany, .topcompany li{padding:0px; margin:0px; list-style:none;}
.topcompany li{border-bottom:1px solid #e5e5e5;}
.topcompany a{color:#444; text-decoration:none; padding:10px; display:block;}
.topcompany span{float:right;}
.topcompany a:hover{background-color:#e3e3e3; color:#116494;}

.leave-application a{font-weight:600;}
.la-imgframe{width:40px; height:40px; overflow:hidden; display:inline-block; border:2px solid #dedede; position:relative;}
.la-imgframe img{position:absolute; width:100%; top:0px; left:0px;}

.mab-jquery-taginput .label{font-weight:normal; margin-right:2px;}
.mab-jquery-taginput .glyphicon {display:inline-block;}
.messageimg{width:25px; height:25px; overflow:hidden; position:relative; display:inline-block; float:left; margin-right:3px;}
.messageimg img{position:absolute; width:100%; top:0px; left:0px;}
.mab-jquery-taginput.form-control{height:inherit !important; padding:5px!important;}
.mab-jquery-taginput .label{margin-bottom:0px !important; float:left;}
.messageimg{height:20px; width:20px;}
.messagetext{display:inline-block; line-height:20px; font-size:13px;}


/*Login Page*/
.login-page h3{font-size:30px; font-weight:700; text-transform:uppercase; color:#000; text-shadow:1px 1px 0px #fff;}
.login-page .well{background-color:#fff!important; border-radius:0!important; border:black solid 1px;}
.login-page .well.login-box {
    /*width:400px; */
    border:#d1d1d1 solid 1px;
    margin:0 auto;
    margin-top:30px;
}
.login-page .well.login-box legend {
  font-size:18px;
  text-align:center;
  font-weight:300; padding-bottom:10px; margin-bottom:20px;
}
.login-page .well.login-box label {
  font-weight:300;
  font-size:13px;
  
}
.login-page .well.login-box input[type="text"],.login-page .well.login-box input[type="password"] {
  box-shadow:none;
  border-color:#ddd;
  border-radius:0;
}

.login-page .well.welcome-text{
    font-size:21px;
}

/* Notifications */

.login-page .notification{
    position:fixed;
    top: 20px;
    right:0;
    background-color:#FF4136;
    padding: 20px;
    color: #fff;
    font-size:21px;
    display:none;
}
.login-page .notification-success{
  background-color:#3D9970;
}

.login-page .notification-show{
    display:block!important;
}

/*Loged in*/
.login-page .btn-default {
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
    border: 1px solid;
    text-align: center;
    cursor: pointer;
    color: #5e5e5e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #f9f9f9)), #f9f9f9;
    background: -moz-linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
    background: -webkit-linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
    background: linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
    border-color: #c3c3c3 #c3c3c3 #bebebe;
    -moz-box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
    box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}

.message-higlight-no.label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

.friend-chat-no.label {
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

.dashboard-tabbar{margin-bottom:20px;}
.dashboard-tabbar .nav-tabs{font-size:15px; font-weight:600;}
.dashboard-tabbar .nav-tabs a{color:#838181; background-color:#dcdee1; width:200px; padding:40px 0; text-align:center; border-radius:0px; text-transform:uppercase;}
.dashboard-tabbar .nav>li>a:focus, .dashboard-tabbar .nav>li>a:hover{color:#fff; background-color:#505151;}
.dashboard-tabbar .nav-tabs li.active a{color:#000; background-color:#fff;}
.dashboard-tabbar .tab-pane h3{font-size:16px; font-weight:700; text-transform:uppercase;}
.dashboard-tabbar .tab-content{border:1px solid #ddd; border-top:0px; background-color:#fff; padding:20px;}

.box{border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.box .box-footer{border-top: 1px solid #ccc;}
.box .box-footer a{color:#000;}
.box .box-footer a.btn{color:#fff;}

.tab-content{padding:10px;}

.leave-application{font-size:14px;}

.mainloginpage .loginwindow{max-width:500px; width:100%; height:500px; position:absolute; margin:auto; top:0px; right:0px; bottom:0px; left:0px;}

.scrolling-for-y{height:262px; overflow-x: hidden; overflow-y: scroll;}
.scrolling-for-x{overflow-x: scroll;}

/*internet explorer scrollbalken*/
body{scrollbar-base-color: #C0C0C0; scrollbar-base-color: #C0C0C0; scrollbar-3dlight-color: #C0C0C0; scrollbar-highlight-color: #C0C0C0; scrollbar-track-color: #EBEBEB; scrollbar-arrow-color: black; scrollbar-shadow-color: #C0C0C0; scrollbar-dark-shadow-color: #C0C0C0;}
/*mozilla scrolbalken*/
@-moz-document url-prefix(http://),url-prefix(https://) {
    scrollbar {-moz-appearance: none !important; background: rgb(0,255,0) !important;}
    thumb,scrollbarbutton {-moz-appearance: none !important; background-color: rgb(0,0,255) !important;}
    thumb:hover,scrollbarbutton:hover {-moz-appearance: none !important; background-color: rgb(255,0,0) !important;}
    scrollbarbutton {display: none !important;}
    scrollbar[orient="vertical"] {min-width: 15px !important;}
}

::-webkit-scrollbar {background: transparent;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2); border: solid whiteSmoke 4px;}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.3);}

.department-project-status .box-header .box-title{display:block !important;}

#ajaxgird .search-button{border-radius: 0px; position: relative; margin-left: -4px;}
#ajaxgird .table-bordered > thead > tr > th, #example1.table-bordered > thead > tr > th,
#ajaxgird .table-bordered > tbody > tr > th, #example1.table-bordered > tbody > tr > th,
#ajaxgird .table-bordered > tfoot > tr > th, #example1.table-bordered > tfoot > tr > th,
#ajaxgird .table-bordered > thead > tr > td, #example1.table-bordered > thead > tr > td,
#ajaxgird .table-bordered > tbody > tr > td, #example1.table-bordered > tbody > tr > td,
#ajaxgird .table-bordered > tfoot > tr > td, #example1.table-bordered > tfoot > tr > td,
#ajaxgird .table-bordered, #example1.table-bordered
{border-color:#e5e5e5 !important; font-size:14px; color:#666;}
#ajaxgrid div.dataTables_info{font-size:13px;}

.datepicker-days .table{font-size:14px;}

.EmployeeDocument ul.iconList, .EmployeeDocument ul.iconList li{padding:0px; margin:0px;}

.for_font-size-13, .for_font-size-13 table, .for_font-size-13 table td{font-size:13px !important;}

.table_padding_10 td{padding:10px;}
.table_padding_10 td td{padding:0px;}

.table_padding_3 td{padding:3px;}
.table_padding_3 td td{padding:0px;}

.with_border{border:1px solid #ccc;}

.mycard_view .card-style{display:block;background-color: #fff; margin: 20px 0px; box-shadow: 1px 1px 8px #999;}
.mycard_view .card-img {height:100px; width: 100px; max-width: inherit;}
.mycard_view .media-heading {margin-top: 10px;color: #444; font-size:14px; font-weight:600; color:#000; position:relative;}
.mycard_view .media-heading .delete{position:absolute; right:0px;}
.mycard_view .members {margin-top:10px; color: #666; display:block;}
.mycard_view .members small{color:#999;}
.mycard_view .btn-part {display: inline-block;margin: 10px;float: right;}
.mycard_view .badge {display: inline-block;background: #00C853;float: right;padding: 7px;border-radius: 50px;margin: 10px;}
.mycard_view .media-left{padding:5px;}

/*.progress{height:10px; margin-top:10px !important;}
.mailbox-name,.mailbox-subject,.mailbox-date{font-size:14px; color:#666;}
.mailbox-name a{font-weight:700; color:#000;}
.mailbox-name a:hover{color:#000; text-decoration:underline;}
.mailbox-subject strong{color:#222;}
.mailbox-date{text-align:right;}
*/

.mailbox-messages{font-size:14px; color:#777;}
.mailbox-messages a{color:#777; display:block;}
.mailbox-messages strong{color:#000;}
.mailbox-messages .mailbox-name a{color:#000; font-weight:700;}
.mailbox-messages .mailbox-date{color:#000; font-weight:600; white-space:nowrap;}

.mailbox-messages td{border-bottom:1px solid #ccc;}

.mailbox-messages .read a,.send-mails a{font-weight:normal;}
.mailbox-messages .read strong,.send-mails strong{font-weight:normal; color:#000;}
.mailbox-messages .read,.send-mails{background-color:#f1f2ea;}
.mailbox-messages .read .mailbox-name a,.send-mails .mailbox-name a{color:#000; font-weight:normal;}
.mailbox-messages .read .mailbox-date,.send-mails .mailbox-date{color:#777; font-weight:normal;}


.visiting-card {border-radius:2px;	padding: 5px 10px 10px 10px; color: #333; font-size:14px; background-color:#fff; margin-bottom:20px;}
.visiting-card .name {font-size: 18px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #ccc; margin-bottom:8px; margin-bottom:10px; line-height:36px;}
.visiting-card .photo{border-radius:5px;}
.visiting-card i.fa{width:18px;}
.visiting-card .smallname{font-size:16px; font-weight:600; line-height:1;}
.visiting-card .designation{font-size:12px; line-height:1; margin-bottom:10px; border-bottom:1px dotted #fff; padding-bottom:5px;}
.visiting-card .contact,.visiting-card .email{border-bottom:1px dotted #ccc; padding:5px;}

.visiting-card .viewprofile{margin-top:20px; text-align:right; font-size:12px; font-weight: 600; text-transform: uppercase;}
.visiting-card .viewprofile a{color:#fff;}

.visiting-card.bg-aqua .name {border-bottom: 1px solid #3fd4f9;}
.visiting-card.bg-green .name {border-bottom: 1px solid #32ca84;}
.visiting-card.bg-red .name{border-bottom:1px solid #f16e5e}
.visiting-card.bg-yellow .name{border-bottom:1px solid #fdb43f}

.visiting-card.bg-aqua .contact,.visiting-card.bg-aqua .email{border-bottom:1px dotted #3fd4f9;}
.visiting-card.bg-green .contact,.visiting-card.bg-green .email{border-bottom:1px dotted #32ca84;}
.visiting-card.bg-red .contact,.visiting-card.bg-red .email{border-bottom:1px dotted #f16e5e;}
.visiting-card.bg-yellow .contact,.visiting-card.bg-yellow .email{border-bottom:1px dotted #fdb43f;}

.visiting-card.disable{background-color:#eee !important; color:#999 !important;}
.visiting-card.disable .photo img{opacity: 0.3; filter: alpha(opacity=30);}
.visiting-card.disable.bg-aqua .name,
.visiting-card.disable.bg-green .name,
.visiting-card.disable.bg-red .name,
.visiting-card.disable.bg-yellow .name{border-bottom:1px solid #ccc !important;}
.visiting-card.disable.bg-aqua .contact,
.visiting-card.disable.bg-aqua .email,
.visiting-card.disable.bg-green .contact,
.visiting-card.disable.bg-green .email,
.visiting-card.disable.bg-red .contact,
.visiting-card.disable.bg-red .email,
.visiting-card.disable.bg-yellow .contact,
.visiting-card.disable.bg-yellow .email{border-bottom:1px dotted #ccc !important;}
.visiting-card.disable .viewprofile a{color:#999!important;}

.transaction_diary input[type=checkbox], .transaction_diary input[type=radio]{margin:2px 0 0 -20px!important;}
.transaction_diary .modal-header{position:relative !important;}
.transaction_diary .button.close{position:absolute !important; right:0px !important;}

.employee_salary_structure .table>tbody>tr>td, 
.employee_salary_structure .table>tbody>tr>th, 
.employee_salary_structure .table>tfoot>tr>td, 
.employee_salary_structure .table>tfoot>tr>th, 
.employee_salary_structure .table>thead>tr>td, 
.employee_salary_structure .table>thead>tr>th{padding:2px;}

.table-striped>tbody>tr.your_position{background-color:#fdddaa; font-weight:700; border:1px solid #cca;}

.navbar-nav > .user-menu .user-image{margin:0px;}

.presents_employees_department_wise.small-box h2{margin:0 0 5px 0; font-size:22px; text-transform:uppercase; font-weight:600;}
.presents_employees_department_wise strong{text-transform:uppercase;}

.wallpost .box-header{border-bottom: 1px solid #ccc;}
.wallpost .box-header small strong{color:#aaa; font-weight:500;}
.wallpost .box-title{display:block !important; font-weight:600; line-height:1.4;}

.rouned_img{border-radius:100px; float:left; position:relative; text-align:center; overflow:hidden; border:1px solid #ccc; margin:0 10px 0 0;}
.rouned_img img{position:absolute; width:100%; top:0px; left:0px; right:0px; margin:auto;}
.rouned_img.size36{height:36px; width:36px;}

.wallpost_img{border-radius:100px; height:40px; width:40px; float:left; position:relative; text-align:center; overflow:hidden; border:1px solid #ccc; margin:0 10px 0 0;}
.wallpost_img img{position:absolute; width:100%; top:0px; left:0px; right:0px; margin:auto;}

.wallpost_gallery .wrap {overflow: hidden; margin:10px;}
.wallpost_gallery .gallerybox {float:left;position: relative;width: 20%;padding-bottom: 20%;}
.wallpost_gallery .boxInner {position: absolute; left:0px; right:0px; top:0px; bottom:0px ; margin:auto; overflow: hidden; margin:7px; padding:3px; border:1px solid #eee;}
.wallpost_gallery .boxInner img {width:100%;  -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity:0.6;}
.wallpost_gallery .gallerybox:hover .boxInner{border:1px solid #999;}
.wallpost_gallery .gallerybox:hover .boxInner img{opacity:1;}

@media only screen and (max-width : 480px) {/* Smartphone view: 1 tile */.box {width: 100%;padding-bottom: 100%;}}
@media only screen and (max-width : 650px) and (min-width : 481px) {/* Tablet view: 2 tiles */.wallpost_gallery .gallerybox {width: 50%;padding-bottom: 50%;}}
@media only screen and (max-width : 1050px) and (min-width : 651px) {/* Small desktop / ipad view: 3 tiles */.wallpost_gallery .gallerybox {width: 33.3%;padding-bottom: 33.3%;}}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {/* Medium desktop: 4 tiles */.wallpost_gallery .gallerybox {width: 25%;padding-bottom: 25%;}}

.right_dd{right:0px; left:inherit;}

.commentbox{padding:10px;}
.commentbox .commentpost{margin-bottom:8px; display:block; border:1px solid #eee; padding:5px;}
.postCommentimg{border:1px solid #ccc; position:relative; width:40px; height:40px; display:inline-block; float:left; margin:0 10px 0 0;}
.postCommentimg img{width:96%; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;}

small.posttime{color:#999;}

.modal-title{clear: inherit;}

.wallpost_page .modal-title{font-size:18px; font-weight:600; color:#000;}
.wallpost_page .nav-tabs>li{width:50%; font-size:16px; font-weight:600; text-align:center;}
.wallpost_page .nav-tabs>li>a{color:#a7a7a7;}
.wallpost_page .nav-tabs>li.active>a{color:#222;}
.wallpost_page .postbotton h2{text-transform:uppercase; font-weight:600;}
.wallpost_page .postbotton small{color:#777;}
.wallpost_page .modal-title{background-color: #69a3ca; color: #fff; font-size:18px; text-transform: uppercase; padding: 20px 40px; margin:-15px; display: inline-block;}

.statsbar{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; background-color:#f9f9f9;}



.uploadimage ul, uploadimage li{padding:0px; margin:0px; list-style:none;}
.uploadimage li{position:relative; float:left;}
.uploadimage .removefile{position:absolute; bottom:10px; right:16px; color:#000; cursor:pointer; font-size:20px;}
.uploadimage .removefile:hover{color:#c00;}
.comment_textbox{margin:10px 0;}

.full-width-table{width:100% !important;}
.comment-thumbnail{border:1px solid #ccc; border-right:0px; padding:3px; width:34px; height:34px; position:relative; overflow:hidden;}
.comment-thumbnail img{position:absolute; width:90%; top:0px; right:0px; bottom:0px; left:0px; margin:auto;}

/*-----------------------------------------------------------------------------------*/
.titlerow{padding:10px 20px; font-size:13px;}
.titlerow h1{margin:0px; font-size:16px;}
.titlerow small{color:#949494; font-size:13px;}
.stautsrow{background-color:#f9f9f9; border-top:1px solid #ccc; border-bottom:1px solid #ccc; box-shadow:0 1px 0 #eee;}
.stautsrow .row{margin:0px;}

.whitepanel{background-color:#fff; padding:20px; margin:0px 0 30px 0;}
.whitepanel h1,.whitepanel h2,.whitepanel h3,.whitepanel h4,.whitepanel h5,.whitepanel h6{margin:0px; padding:0px;}
.whitepanel h1{font-size:22px; font-weight:600; color:#73879C;}
.whitepanel .box, .whitepanel .table{font-size:14px !important;}
.whitepanel .buton{padding:16px; margin:0px;}
.whitepanel .btn.disabled,.whitepanel .btn[disabled]{cursor:not-allowed; pointer-events:visible;}
.whitepanel h3{background-color:#69a3ca; color:#fff; font-size:20px; text-transform:uppercase; padding:20px; margin:-20px 20px 20px -20px; display:inline-block;}

.employeeprofile h3{background-color:#69a3ca; color:#fff; font-size:20px; text-transform:uppercase; padding:20px; margin:-20px 20px 20px -20px; display:inline-block;}
.employeeprofile h3 small{text-transform:none; color:#eee;}
.employeeprofile h3.pull-right{margin:-20px -20px 20px 20px;}
.employeeprofile h3.full{display:block; margin:0px; cursor:pointer;}
.employeeprofile h3.full.not-point{cursor:auto;}
.employeeprofile /*.profilebox*/ .profilepic {/*float:left; */margin-right:20px;}
.employeeprofile .profilepic img{width:100%;}
.employeeprofile /*.profilebox*/ .profilepic .picdownname{background-color:#000; color:#fff; font-size:16px; text-align:center; padding:7px 0; display:block;}
.employeeprofile /*.profilebox*/ .name{font-size:26px; font-weight:600; color:#000;}
.employeeprofile /*.profilebox*/ .designation{font-size:18px; color:#777; margin-bottom:25px; letter-spacing:1px;}
.employeeprofile /*.profilebox*/ .form-group{font-size:14px; color:#000; font-weight:600;}
.employeeprofile /*.profilebox*/ .form-group .icon{font-size:18px; color:#69a3ca; float:left; margin:3px 10px 10px 0;}
.employeeprofile /*.profilebox*/ .form-group small{color:#999;}
.employeeprofile .currentsalary{font-size:22px;}
.employeeprofile .editbotton{position:relative;}
.employeeprofile .editbotton a{position:absolute; font-size:14px; color:#f00; text-decoration:none; right:0px; top:0px;}
.employeeprofile .editbotton a:hover{color:#c00;}
.employeeprofile .box-footer{border-top:1px solid #ccc; padding:10px 10px 0 10px;}

@media(max-width:500px){
	.employeeprofile .editbotton a{width: 45px; overflow: hidden; white-space: nowrap;}
}

.editprofilepage h3{background-color:#69a3ca; color:#fff; font-size:20px; text-transform:uppercase; padding:20px; margin:-20px 20px 20px -20px; display:inline-block;}
.editprofilepage h3 small{text-transform:none; color:#eee;}
.editprofilepage h3.full{display:block; margin:0px; cursor:pointer;}
.editprofilepage h3.full.not-point{cursor:auto;}
.editprofilepage h3.pull-right{margin:-20px -20px 20px 20px;}
.editprofilepage .form-group{margin-bottom:10px; font-size:15px;}
.editprofilepage .form-group .form-control{font-size:16px;}
.editprofilepage .form-group .form-control label{font-size:17px; color:#333; font-weight:normal;}
.editprofilepage .form-group label{font-size:85%; color:#999; display:block; font-weight:600;}
.editprofilepage .form-group.inlinedata label{display:inline-block;}
.editprofilepage .form-group label strong{font-weight:600; color:#000;}
.editprofilepage .editbotton{position:relative;}
.editprofilepage .editbotton a{position:absolute; font-size:14px; color:#f00; text-decoration:none; right:0px; top:0px;}
.editprofilepage .editbotton a:hover{color:#c00;}

.employeeprofile h3.green, .editprofilepage h3.green{background-color:#77cc5a !important;}
.employeeprofile h3.red, .editprofilepage h3.red{background-color:#dc5e5e !important;}


.extrabuttonforall{position:relative;}
.extrabuttonforall a{position:absolute; font-size:14px; color:#f00; text-decoration:none; right:0px; top:0px;}
.extrabuttonforall a:hover{color:#c00;}

.extrabuttonforall.green a{color:#14b112;}
.extrabuttonforall.green a:hover{color:#267d11;}

.inner-addon {position: relative;}
.inner-addon i.fa {position: absolute; padding: 10px; pointer-events: none;}
.left-addon i.fa  { left:  0px;}
.right-addon i.fa { right: 0px;}

.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }


#custom-search-input{padding:0px; border: solid 1px #E4E4E4; border-radius:4px; background-color: #fff;}
#custom-search-input input{border:0; box-shadow: none; border-radius:4px !important;}
#custom-search-input button{margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: #666666; padding: 0 8px 0 10px; border-left: solid 1px #ccc;}
#custom-search-input button:hover{border: 0; box-shadow: none; border-left: solid 1px #ccc;}
#custom-search-input .glyphicon-search{font-size: 23px;}

.EmployeeDocument ul.iconList, .EmployeeDocument ul.iconList li{padding:0px; margin:0px;}
.EmployeeDocumentimg{line-height:60px; height:60px;}
.EmployeeDocumentimg a{color:#666;}
.EmployeeDocumentimg img{block-size:60px;}
.EmployeeDocumentimg i.fa{font-size:30px;}
.info.trash-recentimage{font-size:18px; color:#c00; cursor:pointer;}

.notActive {color:#666; background-color:#fff;}

.department-project-status .box-header{background-color:#f3f4f3; border-bottom:1px solid #ccc;}
.nextline-error .validerrorboxContent{display:block;}

.caption .label{font-size:11px;}

.fix-width-1000{width:1000px; margin:0 auto;}
/*-----------------------------------------------------------------------------------*/
@media (max-width:1300px){
	.dashboard-tabbar .nav-tabs a{width:160px;}
	.fix-width-1000{width:100%; margin:0 auto;}
}
/*------*/
.skin-blue .main-header .navbar .navbar-custom-menu>.nav{margin:0px !important;}
.skin-blue .main-header .navbar .nav>li>a{border-left: 1px solid #54a7d7; border-right: 1px solid #266f99;}
.whitepanel .pagination{margin:0px;}
.whitepanel .row{margin-bottom:0px;}
.whitepanel .dataTables_info{line-height:34px;}
.mab-jquery-taginput-input{border:0px;}
.tt-dropdown-menu, .tt-suggestions{background-color:#fff; padding:0 10px 10px 10px; white-space: nowrap; min-width: max-content;}
.notpadding{padding:0px; margin:0px;}
.p-delete,.icnbtndelete{color:#c00;}
/*------*/



.ExpirationMsge{position: absolute; top: 10px; left: 40%; background-color: maroon; border-radius: 28px; padding: 2px 16px; color: #fff;}

/*Admin Dashboard css*/
.top-employee{background-color:#fff; margin-bottom:30px;}
.top-employee h4{background-color:#69a3ca; font-size:14px; text-transform:uppercase; color:#fff; padding:5px 10px; display:inline-block; margin:0px; font-weight:600;}
.top-employee .table{margin:5px 0px 0px 0px;} 
.top-employee .topmember{width:180px; display:table-cell; padding:5px;}
.top-employee .topmember .member{margin-bottom: 10px; display:block;}
.top-employee .topmember .member-name{background-color:#ececec; padding:5px; display:block; white-space:nowrap;}

.department{background-color:#f6f6f6; border:1px solid #ccc;}
.department .details, .department .department-head{padding:10px; border-bottom:1px solid #ccc;}
.department .details{background-color:#eee; line-height:1; color:#000;}
.department .employees-details{padding:5px 10px; border-bottom:1px solid #ccc;}
.department .department-name{font-size:16px; text-transform:uppercase; font-weight:600;}
.department .company-name{font-size:14px; text-transform:uppercase;}
.department .branch-name{font-size:13px;}
.department .department-head .name{font-size:16px; text-transform:uppercase;}
.department .employees-details .number{float:right;}
.department a{background-color:#eee; display:block; padding:5px; text-align:center; font-size:13px; color:#000;}
.department a:hover{background-color:#000; color:#fff;}

.department.yellow .details, .department.yellow a{background-color:#FFC107; color:#000;}
.department.yellow a:hover{background-color:#ff9800; color:#fff;}
.department.orange .details, .department.orange a{background-color:#ff9800; color:#fff;}
.department.orange a:hover{background-color:#ff5722; color:#fff;}

@media (max-width:1200px){
.department{margin-bottom:20px;}
}

.wish{border-bottom:1px solid #e6e6e6; padding:5px 0;}
.wish .icon{background-color:#eee; border-radius:3px; width:40px; height:40px; text-align:center; line-height:40px; color:#000; float:left; margin:0 10px 0 0; font-size:20px;}
.wish .photo{border:2px solid #ccc; padding:2px; border-radius:3px; width:40px; height:40px; text-align:center; color:#000; float:left; margin:0 10px 0 0; overflow:hidden;}
.wish .photo img{width:100%;}
.wish .name{font-size:20px; color:#000; line-height:1.2;}
.wish .name small{font-size:13px; color:#999; display:block;}
.wish .close{float:right; color:#999;}
/*Admin Dashboard css*/

#loader {display: none; position: fixed; background-color:#14213a; height: 100%; top: 0; left: 0; bottom: 0; right: 0; vertical-align: middle; z-index: 9999999; opacity:0.9;}
#loader .loading {position: absolute; width: 64px; height: 64px; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; z-index:99999999999999;}

.content-header {position: relative; padding:15px 15px 5px 15px; border-bottom: 1px solid #ccc; background:#f9f9f9 !important;}
.content-header1 {position: relative; padding:15px 15px 5px 15px; border-bottom: 1px solid #ccc; background:#f9f9f9 !important;}
.table .thumbnail{margin:0px;}

.errorpage{font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:25px;}
.errorpage .fix-width-1000{margin-top:50px;}
.errorpage h1{font-size:50px; font-weight:300;}
.errorpage .btn-default{border:2px solid #667784; border-radius:20px; font-size:16px; text-transform:uppercase;}

.no-record{border:1px solid #ccc; padding:10px; font-size:14px; color:#333; margin-top:30px; background-color:#e9e9e9;}

.checkbox-primary{background-color: #f4f4f4; color: #444; border-color: #ddd; display: inline-block; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; padding: 5px 10px; font-size: 12px; line-height: 1.5;}
.checkbox-primary input[type=checkbox]{margin:0px;}