.login-bg {
    background: #0AA699 url(../img/we.jpg) !important;
    background-size: cover !important;
    height: 100%;
}

#captcha {
    font-size: 14px !important;
    font-style: italic;
    color: #000000;
    background-color: #FFFFFF;
    padding: 12px 20px !important;
    width: 110px;
    float: left;
    margin-left: 30px;
    text-align: center;
}

.account-wall .input-group input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: 3px solid rgba(244, 88, 0, 0.49);
    background-color: rgba(255, 255, 255, 1);
    width: 250px;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 0 auto 10px auto;
    display: block;
    /*    text-align: center;
    font-size: 16px;
    color: #F60;*/
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    font-weight: 300;
    border: none;
    /*    height: 45px;
    margin-bottom: 10px !important;*/
}

#login .input-group .form-control:first-child,
#forgotpassword .input-group .form-control:first-child {
    margin-left: 0;
    border: 3px solid rgb(74, 154, 208) !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 2px;
    color: #FFF;
}

#login .input-group .form-control:hover,
#forgotpassword .input-group .form-control:hover {
    background-color: rgba(125, 125, 125, 0.49) !important;
}

.login-center,
#forgotpassword {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.login-center .input-group,
#forgotpassword .input-group {
    margin-left: auto;
    margin-right: auto;
}

#login .input-group input,
#forgotpassword .input-group input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: 3px solid rgba(244, 88, 0, 0.49);
    background-color: rgba(255, 255, 255, 1);
    width: 300px;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 0 auto 10px auto;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #4f6e88;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    font-weight: 300;
    border: none;
    height: 45px;
    margin-bottom: 10px !important;
    transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
    -webkit-transition: -webkit-transform 1s, opacity 1s, background 1s, width 1s, height 1s, font-size 1s;
}

#login .input-group input:focus,
#forgotpassword .input-group input:focus {
    background-color: #4f6e88;
    width: 340px;
    color: #FFF;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.btns_sec .btn {
    width: 84%;
    font-size: 13px;
}

.account-wall .input-group input:focus {
    background-color: #F60;
    width: 300px;
    color: #FFF;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.account-wall .form-signin .input-group {
    background-color: transparent;
    border-top: none;
}

#captcha-div {
    margin-top: 0px !important;
}

#captcha_code {
    margin: 1px 0px 1px 0px;
    width: 45% !important;
    padding: 10px 10px !important;
    margin-left: 0px !important;
    text-align: center;
    font-size: 14px;
}

.jobactive.active:before {
    background: #F60 !important;
    border-color: #ff6600;
}

.jobactive.active {
    border-color: #ff6600 !important;
}

.capbox-inner {
    font: bold 11px arial, sans-serif;
    color: #000000;
    background-color: transparent !important;
    margin: 0px !important;
    padding: 0px !important;
}

#t_board {
    z-index: 9;
    font-size: 14px;
}

#header .dropdown a em {
    font-style: normal !important;
    color: #f15f36;
}

.dropdown-menu>li>a {
    color: #1b1a1a!important;
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
    color: #060606;
    background-color: #fff;
    border-color: #9e9e9e;
}


/* Shutter In Vertical */

.btn-theme-inverse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #F60 !important;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-theme-inverse:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: #ffffff; */
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn-theme-inverse:hover,
.btn-theme-inverse:focus,
.btn-theme-inverse:active {
    color: #F60 !important;
    border: 1px solid #F60;
    background-color: transparent !important;
}

.btn-theme-inverse:hover:before,
.btn-theme-inverse:focus:before,
.btn-theme-inverse:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.panel-heading,
.panel-tools {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #bbbbbb;
}

.btn-theme-inverse {
    color: #fff;
    background-color: transparent;
    border-color: #cccccc;
}

.btn-default {
    color: #131313;
    background-color: transparent;
    /* border-color: #080808; */
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    min-height: 40px;
}

.btn-default {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #F60 !important;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-default:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    color: white;
    border: 1px solid #F60;
}

.btn-default:hover:before,
.btn-default:focus:before,
.btn-default:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.adv_srch:before {
    background: transparent !important;
}

.adv_srch {
    background: transparent !important;
    border: none;
    color: #000;
}

.adv_srch:hover {
    color: #000 !important;
}

.adv_srch:active {
    color: #000 !important;
}

.adv_srch:focus {
    color: #000 !important;
}

.padding-left-none-h3 {
    padding-left: 0px;
}

.vertical-align-middle {
    vertical-align: middle;
}

.btn-theme-inverse.btn-transparent {
    color: #fff;
}

.wizard-step ul.wizard-main-padding {
    padding: 0px;
}

.wizard-main-padding {
    padding: 0px;
}

.steps h3 {
    margin-bottom: 20px;
}

#revision {
    width: 1000px!important;
}

.margn-top-20 {
    margin-top: 20px;
}

.thumnil-main {
    display: flex;
    flex-wrap: wrap;
}

.list-thumnil {
    position: relative;
    flex: 1;
}

.thumnil-main .list-thumnil .remove-thumnil {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    padding: 6px;
    box-shadow: 3px 3px 3px #ccc;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #e96429;
}

.tooltip-action td .tooltip-area a {
    max-width: 40px;
    margin-bottom: 10px;
    width: 100%;
}

.tooltip.in {
    z-index: 9999999;
    position: absolute;
}

.calendra-mrg-remove .form-group {
    margin-bottom: 0px;
}

.calendra-mrg-remove .form-group.pos_abs .fa-plus:before {
    padding-right: 5px;
}

.calendra-mrg-remove-td .form-group.pos_abs .fa-trash-o:before {
    padding-right: 5px;
}

.calendar-button-r .btn .fa-plus:before {
    padding-right: 5px;
}

.calendar-button-r .form-group button {
    margin-right: 10px;
}

.holiday_td .form-group .fa-plus:before {
    padding-right: 5px;
}

.work-week-mrg {
    margin: 20px 0px;
}

#save_role {
    margin-left: 20px;
    margin-bottom: 20px;
}

.no-padding-left {
    padding-left: 0px;
}

.well-heading-custom {
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 15px;
}

#checkboxDiv .checkbox {
    padding-left: 0px;
}

#allforum .row .input-group .btn-default-export_b {
    margin-left: 6px;
}

.latest_news1 .blog-comment-like {
    display: flex;
}

.comment-like-blog-img {
    flex: 1;
}

.comment-like-blog-disc {
    flex: 3;
}

#custom_import_csv .dropzone {
    outline: none;
}

.form-checkebox-inline {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form-checkebox-inline .control-label {
    margin-bottom: 0px;
    font-size: 14px;
    margin-right: 5px;
}

.form-checkebox-inline input[type=radio],
input[type=checkbox] {
    margin: 0px 7px;
    width: 12px;
}

.form-checkebox-inline .radio-inline {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 7px;
}

.form-checkebox-inline .radio-inline label {
    margin-bottom: 0px;
    font-size: 14px;
}

.panel-tools.color li .btn,
.panel-tools.fully ul li .btn {
    color: #989898;
}

.field-tab-custom {
    padding-left: 15px;
    padding-right: 15px;
}

.reportWidget-custom-button {
    padding: 0px;
    border: none;
    background: none;
}

#fromDate {
    display: inline-block;
}

#fromDate #from_date {
    width: 65%;
    margin-bottom: 0px;
}

#fromDate .input-group-btn {
    display: inline-block;
    width: 35%;
}

#toDate {
    display: inline-block;
}

#toDate #to_date {
    width: 65%;
    margin-bottom: 0px;
}

#toDate .input-group-btn {
    display: inline-block;
    width: 35%;
}

.adv-search-div#stadd0 .col-md-3 {
    padding: 0px;
}

.adv-search-div#stadd0 .col-md-3 .advance-search-minus {
    width: 10%;
}

.sprint_div {
    margin-top: 20px;
}

.form-control {
    font-size: 13px;
}

#checkenrolled11 {
    margin: 3px 4px 0px;
}

.fileinput-exists .form-control.uneditable-input {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    max-height: 32px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.latest_news1 .blog-comment-like .comment-like-blog-disc p {
    margin-top: 10px;
}

.wizard-previous {
    position: relative;
}

.wizard-previous i {
    position: absolute;
    left: 2px;
    z-index: 9999;
    top: 8px;
}

#stadd .adv-search-div .col-md-3 {
    padding: 0px;
}

#stadd .adv-search-div .col-md-3 .advance-search_and-or {
    margin-left: 0px;
    margin-right: 0px;
}

.first-column-none .checkbox_width, #subjecttr_1 td:first-child{
    display:none;
}
.fileinput-exists .uneditable-input{
    float:left;
}
#editAnnouncement .control-label{
    padding-top: 0px;
}
.main_comment_txt img{
    max-width:6%;
}
.fileinput-exists .input-group{
    display:flex;
}
#file_upload .fileinput-exists .input-group-addon{
    width: 20%;
    margin-left: 5px;
    line-height: 18px;
}
#file_attachment .fallback .fileinput-exists .input-group-addon{
    width:40%;
    margin-left: 5px;
    line-height: 18px;
}
#file_attachment .fileinput-exists .form-control.uneditable-input, #file_upload .fileinput-exists .form-control.uneditable-input{
    height:34px;
    max-height: 34px;
}
.fileinput-exists .input-group-addon .fileinput-exists{
    line-height: 20px;
}
.fileinput-exists .input-group-addon:last-child{
    border: 1px solid #ccc;
}
.position-rel{
    position: relative;
}
.position-rel .error{
    position: absolute;
    bottom:0;
    left:15px;
    
}
#content .panel-body:not(.w-nfix) table.table tr th, table.table tr td{
    word-break: inherit;
}

@media only screen and (max-width:1024px) {
    #content .panel-body:not(.w-nfix) table.table tr th {
        word-break: inherit !important;
    }
  }

#dobDiv .btn {
    margin-bottom: 0px;
}

#joiningDiv span .btn{
    margin-bottom: 0px
}

@media only screen and (max-width: 415px) {
    table thead tr {
    display: none;
    flex-wrap: wrap;
    width: 100%;
    box-shadow: 3px 0px 10px 0px #ccc;
    margin-bottom: 20px;
    font-weight: 600;
    justify-content: space-between;
    padding: 10px 0px;
    }
    
    table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-shadow: 3px 0px 10px 0px #ccc;
    margin-bottom: 20px;
    font-weight: 600;
    justify-content: space-between;
    padding: 10px 0px;
    }
    
    table tbody tr td:last-child {
    text-align: right !important;
    width: 100% !important;
    }
    
    table.table tr td {
    width: auto !important;
    word-break: normal;
    border: none;
    }
    }  
 
.table-custom-salary tr{
    border-bottom: 1px solid #3b3b3b;
    /* border-top: 1px solid #3b3b3b; */
}
.table-custom-salary td{
    text-align: inherit !important;
    padding: 15px 0;
    font-size: 16px;
}
.table-custom-salary tr td:nth-child(2) {
    text-align: right !important;
  }
  .table-custom-salary1 tr{
    border-bottom: 1px solid #3b3b3b;
    border-top: 1px solid #3b3b3b;
}
.table-custom-salary1 td{
    text-align: right !important;
    padding: 15px 0;
    font-size: 16px;
}
.table-custom-salary1 tr td:nth-child(3) {
    text-align: left !important;
  }