@font-face{font-family:'Roboto-Condensed-Bold';src:url(../fonts/Roboto/RobotoCondensed-Bold.ttf)}
@font-face{font-family:'Roboto-Condensed-Regular';src:url(../fonts/Roboto/RobotoCondensed-Regular.ttf)}
@font-face{font-family:'Lato-Light';src:url(../fonts/Lato/Lato-Light.ttf)}
@font-face{font-family:'Lato-Regular';src:url(../fonts/Lato/Lato-Regular.ttf)}
@font-face{font-family:'Lato-Bold';src:url(../fonts/Lato/Lato-Bold.ttf)}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea, input { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; text-decoration: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none outside none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0px; }
p {color: #000;}
a { color: inherit; outline: medium none; }
a:hover {color: #5bbc2e !important;text-decoration: underline;transition: all 0.6s ease-in-out 0s;-moz-transition: all 0.6s ease-in-out 0s;-webkit-transition: all 0.6s ease-in-out 0s;-o-transition: all 0.6s ease-in-out 0s;outline: medium none;}
a.onlyBtn:hover{color: #fff !important;}
a, a:hover, a span, a:hover span, input, input:hover, span {transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
input[type="text"]:focus,.form-control:focus{outline: 0px none;background-color: rgb(237, 242, 238);box-shadow: none;}
input{font-size: 13px !important;}
strong {font-weight: bold;}
h1 small{font-size: 18px;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    color: rgb(153, 153, 153);
}
p small {font-size: 11px;color: rgb(153, 153, 153);}
.btn{outline: medium none ! important;display: inline-block;padding: 6px 15px;margin-bottom: 0px;font-size: 13px;line-height: 18px;color: rgb(255, 255, 255);text-align: center;vertical-align: middle;cursor: pointer;background-repeat: repeat-x;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;font-family: 'Roboto Condensed', sans-serif;}
.btn:focus,.btn:active{box-shadow: none !important;}
.btn-success{background-color: #5bbc2e !important;}
.custom-btn{height: 34px !important;width: 100%;padding: 7px 0px 0 0;}

.toast{opacity:1 !important;background-color:#272838 !important;border-radius:0 !important;border:0;border-left:6px solid #14151E;z-index:0;}
.toast .toast-progress{height:100%;background-color:#14151E;z-index:-1;opacity:0.2;}
.toast .toast-title{font-size:16px;font-weight:600;font-family:'Lato-Bold', sans-serif;}
.toast .toast-message{font-size:13px;font-weight:300;font-family:'Lato-Regular', sans-serif;}
.toast.toast-success{border-color:#4CAF50;}
.toast.toast-success .toast-progress{background-color: #fff;background-image: linear-gradient( 45.8deg, rgba(175,104,254,1) 9.3%, rgba(101,223,255,1) 75.1% );}
.toast.toast-danger,.toast.toast-error{border-color:#f81e48;}
.toast.toast-danger .toast-progress,.toast.toast-error .toast-progress{background-color:#f81e48;}
.toast.toast-warning{border-color:#ff9800;}
.toast.toast-warning .toast-progress{background-color:#ff9800;}
.toast.toast-info{border-color:#2196f3;}
.toast.toast-info .toast-progress{background-color:#2196f3;}
.toast.toast-default{border-color:#2196f3;}
.toast.toast-default .toast-progress{background-color:#2196f3;opacity:0.4;}
.toast-close-button{display:none;}

.select2{width:100% !important;}
.select2-container .select2-selection--single, .select2-container .select2-selection--multiple{height: 33.5px;border: 1px solid #5bbc2e;border-radius: 6px;padding: 0 6px;background-color: rgb(237, 242, 238);}
.select2-container .select2-selection--single:focus{outline: none;}
.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-container--default .select2-selection--multiple .select2-selection__rendered{line-height: 33.5px;font-size: 13px;color: rgb(85, 85, 85);padding: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow,.select2-container--default .select2-selection--multiple .select2-selection__arrow{height: 36px;}
.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #5bbc2e;font-size: 14px;border-radius: 2px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #5bbc2e;}
.select2-container--default .select2-search--inline .select2-search__field{color:rgb(237, 242, 238); margin: 0;}
.select2-dropdown{border: none; border-radius: 0 0 3px 3px; box-shadow: rgba(0,0,0,0.3) 0 2px 5px; overflow: hidden;}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option[aria-selected=true]{background: #5bbc2e; color: #fff;}
.select2-results__option{font-size: 13px;letter-spacing: 0.2px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{width: 5px;height: 5px;background-color: #f0f3fb;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{background-color: #dde5f9;}
.select2-container .select2-selection--multiple{height: auto;min-height: 33.5px;line-height: 33.5px;display: flex;padding: 4px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{display: flex;flex-wrap: wrap; color: #fff;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{line-height: 24px;margin: 2px;padding: 0;overflow: hidden;font-size: 12px;position: relative;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{width: 18px;padding: 0 4px;margin: 0;color: #fff;background: rgba(0,0,0,0.2);text-align: center;font-size: 14px;font-weight: 600;position: absolute;top: 0;left: 0;height: 100%;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color: #fff;background: rgba(255,255,255,0.2);}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{background-color: #5bbc2e;border:none;padding-left: 24px;padding-right: 6px;}

/*CSS BY AGNIBHA*/
html{background: url(../img/pattern_1.png);}
body{margin: 0px;padding: 0px;background: url(../img/bg.jpg);font-size: 15px;font-family: Lato-Regular, "Myriad Pro";font-weight: 400;line-height: 26px;width: 100%;}
.error-label {color: #F00;}
input.form-control {border: 1px solid #5bbc2e !important;padding: 0 0 0 5px !important;height: 34px !important;margin: 0!important;background-image: none;width: 100%;background-color: rgb(237, 242, 238);}
.top-bar { height: 30px; background: none repeat scroll 0% 0% rgb(77, 77, 77); }
.inner { margin: 0px auto; width: 970px; padding: 0px 10px; }
ul#lang-menu { height: 30px; float: left; }
ul#lang-menu li { float: left; height: 30px; line-height: 30px; padding: 0px 8px; margin-right: 10px; color: rgb(151, 151, 151); }
ul#lang-menu li a:hover, ul#user-menu li a:hover { text-decoration: none; }
ul#user-menu { height: 30px; float: right; }
ul#user-menu li { float: left; height: 30px; line-height: 30px; padding: 0px 30px 0px 0px; }
ul#user-menu li:last-child{padding: 0;}
ul#user-menu li.last { padding: 0px; }
ul#lang-menu li, ul#lang-menu li a, ul#user-menu li a { font-size: 12px; font-family: Lato-Regular; font-weight: normal; }
ul#lang-menu li a, ul#user-menu li a { color: rgb(255, 255, 255); }
ul#user-menu li {float: left;height: 30px;line-height: 30px;padding: 0px 30px 0px 0px;}
div#header {position: relative;background: none repeat scroll 0% 0% rgb(255, 255, 255);z-index: 20; padding: 25px 0px;border-bottom: 3px solid gray;}
div#header.scroll {position: fixed;top: 0px;width: 100%;box-shadow: 0px 0px 15px rgb(204, 204, 204);-moz-box-shadow: 0px 0px 15px rgb(204, 204, 204);-webkit-box-shadow: 0px 0px 15px rgb(204, 204, 204);z-index: 200 !important;}
div#logo {height: 60px;float: left;}
div#logo a {font-size: 26px;text-transform: uppercase;font-weight: bold;}
div#logo img {width: 210px; height: 70px;opacity: 1;-ms-filter: "alpha(opacity=100)";filter: alpha(opacity=100);zoom: 1;transition: opacity 0.5s ease 0s;-moz-transition: opacity 0.5s ease 0s;-webkit-transition: opacity 0.5s ease 0s;-o-transition: opacity 0.5s ease 0s;}
div#logo .menu-hider {background: url(../img/sort-sprite.png) no-repeat scroll -76px center #E6E6E6;border-radius: 3px;cursor: pointer;display: none;height: 30px;position: absolute;right: 0;top: 16px;width: 30px;}
ul#navigation {display: flex;justify-content: flex-end;margin: 0 -10px;}
ul#navigation li {margin-left: 30px;}
ul#navigation li a{text-decoration: none;}
ul#navigation li a {display: block;height: 57px;font-size: 16px;color: #212121;position: relative;padding: 20px 0;}
ul#navigation li a:hover{border-bottom: 3px solid #5bbc2e;color: #5bbc2e;}
ul#navigation li:first-child a:hover{border-bottom: none !important;color: #000 !important; cursor: default;}
ul#navigation li a.active{border-bottom: 3px solid #5bbc2e;}
div#header .menu-hider.closed {background-color: #5bbc2e;}
div#footer {-webkit-box-shadow: 0 2px 9px #D7D7D7 inset;box-shadow: 0 2px 9px #D7D7D7 inset;-moz-box-shadow: 0 2px 9px #D7D7D7 inset;background: #E6E6E6;font-size: 14px;line-height: 24px;color: #666666;overflow-x: hidden;width: 100%;}
div#footer .footer-wrapper {background: #ddd;min-height: 200px;}
div#footer div#site-description {width: 200px;float: left;margin-bottom: 0px !important;}
div#footer div#site-description h3 {font-weight: bold;text-transform: uppercase;margin: 30px 0 auto;color: rgb(52, 52, 52);}
div#footer div#site-description h3 img {width: 100%;height: 100%;object-fit: contain;}
div#footer-menu {float: left;margin: 0px 0px 0px 30px;width: calc(100% - 230px);flex: 0 0 100%;-ms-flex: 0 0 100%;}
div#footer-menu div.footer-menu {float: left;margin: 35px 0px 0px;width: 50%;}
div#footer-menu div.footer-menu div.left {float: left;width: 50%;}
div#footer-menu div.footer-menu div.right {float: right;width: 50%;}
div#footer-menu div.footer-menu h2 {font-family: 'Open Sans', sans-serif;font-weight: bold;text-transform: uppercase;color: #000;font-size: 16px;}
div#footer-menu div.footer-menu ul {padding: 10px 0px 0px;}
div#footer-menu div.footer-menu ul li a {display: block;padding: 3px 0px 5px 15px;background: url(../img/arrow-menu.png) no-repeat scroll left center transparent;font-family: 'Open Sans', sans-serif;color: #636363;}
div#footer-menu div.footer-menu ul li a:hover {padding: 3px 0px 5px 20px;color: #000;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
div#footer-menu .menu-right, div#footer-menu div#fol-menu {width: 25%;}
div#copyright {min-height: 50px;background: none repeat scroll 0% 0% rgb(77, 77, 77);}
.row-fluid:before, .row-fluid:after {display: table;content: "";}
div#copyright-text {line-height: 50px;color: #808080;float: left;font-family: "Lato-Regular";font-size: 14px;}
div#copyright-text a {color: #cccccc;}
div#copyright-link {float: right;padding: 13px 0px;}
.top_soical_icons li {float: left;}
div#copyright-link a {width: 24px;height: 24px;margin-left: 10px;display: block;float: left;cursor: pointer;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;background-color: rgb(70, 70, 70);}
.top_soical_icons i {color: rgb(116, 116, 116);left: 5px;position: relative;text-align: center;}
a.scrollTop {bottom: 0px;display: block;right: 0px;position: fixed;z-index: 2000;text-decoration: none;}
a.scrollTop div#up_container {padding: 20px;}
a.scrollTop div#up_container span {display: block;height: 30px;width: 30px;background: url(../img/arrow-top.png) no-repeat scroll center center #666666;border: 2px solid #5bbc2e;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;box-shadow: 0px 0px 15px rgb(204, 204, 204);-moz-box-shadow: 0px 0px 15px rgb(204, 204, 204);-webkit-box-shadow: 0px 0px 15px rgb(204, 204, 204);}
.row-fluid:after {clear: both;}
.main-content{background-color: #f4f4f4;}
div.main-content h2 {font-size: 24px;font-weight: bold;color: #5bbc2e;font-family: 'Roboto-Condensed-Bold', sans-serif;}
.header-banner {background: url(/uploads/banner/home-banner.jpg);background-position: top;float: left;width: 100%;-moz-box-shadow: 0px 0px 17px -3px #111111 inset;-webkit-box-shadow: 0px 0px 17px -3px #111111 inset;box-shadow: 0px 0px 17px -3px #111111 inset;background-size: cover;padding-top: 6.5rem;padding-bottom: 3rem;background-repeat: no-repeat;height: 617px;padding: 0!important;min-height: inherit!important;}
div.title-section {height: 80px;-moz-box-shadow: 0px 0px 17px -3px #111111 inset;-webkit-box-shadow: 0px 0px 17px -3px #111111 inset;box-shadow: 0px 0px 17px -3px #111111 inset;background: none repeat scroll 0% 0% rgb(77, 77, 77);}
div.title-section h1 {font-family: 'Roboto-Condensed-Regular', sans-serif;line-height: 80px;color: rgb(255, 255, 255);font-size: 24px;text-transform: uppercase;font-weight: bold;}
div.title-section h1 .jobs-counter{color: rgb(214, 214, 214);padding-left: 5px;}
.breadcrumb-inner {float: right;}
.breadcrumb-inner li {background: url(../img/devider.png) no-repeat scroll -2px center rgba(0, 0, 0, 0);float: left;list-style: none outside none;padding: 0 8px 0 11px;}
.breadcrumb-inner li:first-child {background: none;}
.breadcrumb-inner a {font-size: 12px;text-transform: capitalize;position: relative;top: -2px;font-family: "Lato-Bold";}
div.content-inner {margin: 40px 0px 40px;padding: 40px 0;clear: both;overflow-x: hidden;}
.heading-l {background: url(../img/heading-bg.png) repeat-x scroll left center transparent;color: rgb(51, 51, 51);font-size: 36px;margin-bottom: 13px;text-align: center;}
.heading-l h2 {display: inline-block;font-size: 36px;font-weight: 900;padding: 0 30px 5px;border: 0px none;text-transform: uppercase;background: url(../img/bg.jpg);}
div.block {position: relative;margin-bottom: 20px;}
div.block.border {background: none repeat scroll 0px 0px rgb(255, 255, 255);border: 1px solid rgb(229, 229, 229);border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;}
.box-1 {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0 4px #DDDDDD;border-radius: 3px;margin-bottom: 20px;}
.block {position: relative;margin-bottom: 20px;border-radius: 5px;}
.border {border: 2px solid #E5E5E5;}
div#job-content-field div.field-container.no_border {border: medium none;}
div#job-content-fields div.field-container, div#job-content-field, div.field-container {position: relative;clear: both;margin-top: -2px;overflow: hidden;}
.field-container {position: relative;margin-top: -2px;}
div#job-content-fields div.field-container div.body-field, div#job-content-field div.field-container div.body-field {padding: 10px 20px;}
div.field-container .header-fields{padding: 10px 20px 10px 0px;}
div.field-container .header-fields .title{color: #37a000;font-weight: bold;line-height: 14px;display: block;}
div.field-container .header-fields .title:first-letter{text-transform: capitalize}
div.field-container .job-details{font-weight: 900;margin: 10px 0px;height: 28px;}
div.field-container .job-details li{color: #999999;text-align: center;font-size: 14px;float: left;margin-right: 10px;}
div.field-container .job-details li:last-child{float:right !important;}
div.field-container .job-details li span{color: #5bbc2e;}

div.field-container .jobDetails .data-box{padding-bottom: 20px;color: #999999;}
div.field-container .jobDetails .data-box .highligh{font-size: 25px; color: red;font-family: 'Roboto-Condensed-Bold', sans-serif;}
div.field-container .jobDetails .data-box.language,div.field-container .jobDetails .data-box.file-container{overflow-x: hidden;}
div.field-container .jobDetails .data-box.file-container a{text-decoration: none;}
div.field-container .jobDetails li{color: #999999;float: left;margin-right: 10px;border: 1px solid #eaeaea;padding: 5px 15px;border-radius: 5px;background-color: #eaeaea;margin-bottom: 5px;}
div.field-container .jobDetails li span{color: #5bbc2e;}

.body-field {padding: 0;}
.field-container.single .teaser {margin-top: 20px;}
div#job-content-fields div.field-container div.body-field p, div#job-content-field div.field-container div.body-field p {padding: 0px 0px 10px;color: #666666;}
div.field-container div.body-field p {padding-bottom: 0 !important;}
.body-field p {padding: 0 0 10px 0;color: #666666;}
div.block.background {padding: 20px;margin: 0;}
div.block.background.options {padding: 0 !important;}
div.main-content .background h2 {padding: 10px 0px 0px;height: 34px;line-height: 34px;text-transform: uppercase;font-size: 18px !important;}
div.block.background form {padding: 20px 0 0 0;}
.account-dropdown:hover .account-menu{display: block;}
.account-menu{position: absolute;z-index: 9999;background-color: #fff;padding: 10px;width: 200px;border: 1px solid #CCC;border-radius: 2px;display: none;}
.account-menu li a {color: #000;font-size: 12px;text-decoration: none;padding: 0 !important;border-bottom: none !important;height: 40px !important;}
.menu-responsive {display: none;}
.menu-backdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;}
div.panel {border-color: rgb(50, 50, 50);border-radius: 5px;border-style: outset inset inset outset;border-width: 1px;margin: 5px 0 0 !important;}
div.panel.even{background-color: #e9edf1;}
div.panel .panel-body{padding: 5px;}
div.panel .panel-body h3{font-size: 24px;font-weight: bold;}
div.panel .panel-body h3:first-letter{text-transform: capitalize}
div.panel .panel-body h3 a{text-decoration: none;}
div.panel .panel-body .line-no{font-size:14px;}
div.panel .panel-body .highlight-job{font-size: 12px;color: red;cursor: pointer;}
ul.list-inline li {display: inline !important;border-right: 1px solid #ccc;padding: 0 5px;font-size: 14px;}
ul.list-inline li:last-child {border: none;}
ul#inbox-navigation li a{text-decoration: none;}
div#options-navigation ul li {display: block;height: 50px;border-bottom: 1px solid rgb(229, 229, 229);padding-left: 20px;}
div#options-navigation ul li a {font-family: "Lato-Regular";display: block;height: 50px;line-height: 50px;color: #808080;font-size: 14px;padding: 0px 0px 0px 15px;background: url(../img/arrow-menu.png) no-repeat scroll left center transparent;text-decoration: none;}
div#options-navigation ul li.active {background: none repeat scroll 0px 0px rgb(246, 246, 246);}
.data-wrap .preloader {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8);display: none;transition: all 1s ease;}
.data-wrap .preloader.active {display: flex;}
.data-wrap .preloader img {width: 100px;height: 100px;margin: auto;}
.table-wrap .preloader {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8);display: none;transition: all 1s ease;}
.table-wrap .preloader.active {display: flex;}
.table-wrap .preloader img {width: 100px;height: 100px;margin: auto;}
.table th{font-weight: bold;}
.table th a:hover{color: #000;text-decoration: none;transition: none;-moz-transition: none;-webkit-transition: none;-o-transition: none;}
.table .sorting {text-decoration: none !important;display: flex;justify-content: space-between;}
.table .sorting .title {display: block;margin: auto 0;margin-right: 5px;}
.table .sorting .sorting-icon {display: flex;position: relative;width: 20px;height: 20px;line-height: 20px;margin: auto 0;}
.table .sorting .sorting-icon i {position: absolute;left: 50%;transform: translateX(-50%);line-height: 20px;opacity: 0.3;}
.table .sorting .sorting-icon i.active {opacity: 1;}
.ajax-upload-dragdrop {border: 1px solid #5bbc2e;border-radius:5px;color: #DADCE3;text-align: left;vertical-align: middle;padding: 0;}
.ajax-upload-dragdrop .upload {font-family: Lato-Bold, sans-serif;font-size: 16px;font-weight: bold;cursor: pointer;line-height: 20px;margin: 10px;display: inline-block;text-decoration: none;padding: 6px 10px;color: #fff;background: #5bbc2e;border: 1px solid #fff;border-radius:3px;vertical-align: middle;position: relative;overflow: hidden;}
.ajax-upload-dragdrop .upload .file-input{position: absolute;cursor: pointer;top: 0px;width: 64.2188px;height: 35px;left: 0px;z-index: 100;opacity: 0;}
.files ul.file-holder li {margin-top: 10px;}
.files ul.file-holder li a {margin-right: 5px;margin-bottom: 2px;}
.upload-statusbar {border: 1px solid #5bbc2e;border-radius:5px;margin-top: 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding: 10px;}
.upload-statusbar .upload-progress {position: relative;width: 100%;border: 1px solid #ddd;border-radius: 3px;display: inline-block;}
.upload-statusbar .upload-progress .upload-bar {background-color: #5bbc2e;width: 0;height: 10px;border-radius: 3px;}
.upload-statusbar .file-container .file-details {background-color: #ddd;padding: 5px;margin-bottom: 5px;border-radius: 5px;font-family: 'Roboto-Condensed-Regular', sans-serif;position: relative;}
.upload-statusbar .file-container .file-details span:first-child {display: block;}
.upload-statusbar .file-container .file-details span:last-child {border-left: 1px solid;padding-left: 3px;}
.upload-statusbar .file-container .file-details .remove-holder {top: 10px;position: absolute;right: 10px;}
.upload-statusbar .file-container .file-details .remove-holder a {padding: 7px 10px;}
.form-registration .language-section hr{margin: 0 !important;}

.message-container{position: relative;overflow: hidden;min-height: 600px;padding: 15px 1px;}
.message-container .preloader{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8);display: none; transition: all 1s ease;}
.message-container .preloader.active{display: flex;}
.message-container .preloader img{width: 100px;height: 100px;margin: auto;}
.message-container .message-body{border: 1px solid #28a745;min-height: 600px;margin-bottom: 10px;border-radius: 0.35rem;padding: 10px 15px;overflow: auto;max-height: 600px;}
.message-container .message-body textarea{min-height: 100px;}
.message-container .message-body .message-li{margin-bottom: 10px; padding: 10px; border: 1px solid #d1d3e2; border-radius: 10px;width: 80%;position: relative;}
.message-container .message-body .message-li.left{float: left;background-color: #f8f9fc;}
.message-container .message-body .message-li.right{float: right;background-color: #a7e6ae75;}
.message-container .message-body .message-li .sender-details{margin-bottom: 10px;}
.message-container .message-body .message-li .sender-details .sender-name{font-size: 14px;font-weight: bold;}
.message-container .message-body .message-li .sender-details .send-time{font-size: 12px;font-weight: lighter;}
.message-container .message-body .message-li .message-content{margin-bottom: 10px;}
.message-container .message-body .message-li .message-content .text{margin-bottom: 10px;}
.message-container .message-body .message-li .seen-users {position: absolute; bottom: 0; right: 0;}
.message-container .message-body .message-li .seen-users ul li{padding: 0 5px; float: left;}
.message-container .message-body .message-li .seen-users ul li img{width: 12px; height: 12px;}
.message-container .message-input-area .attachFilesbtn{border: 1px solid; border-right: none; border-top-left-radius: 0.35rem;border-bottom-left-radius: 0.35rem;cursor: pointer;outline: none;box-shadow: none !important;}
.message-container .message-input-area .sendMessageBtn{border: 1px solid; border-left: none; border-bottom-right-radius: 0.35rem;border-top-right-radius: 0.35rem;cursor: pointer;outline: none;box-shadow: none !important;}
.message-container .message-input-area .attachFilesbtn:hover{border: 1px solid #28a745;}
.message-container .message-input-area .sendMessageBtn:hover{border: 1px solid #28a745;}
.message-container .message-input-area .input-group{z-index: 0;}
.message-container .message-input-area textarea{border-color: #28a745;}
.selectedFile-area .file-details{display: flex;position: relative;}
.selectedFile-area li .file-details .information-container p {margin: 0;font-size: 13px;}
.selectedFile-area li {float: left;border: 1px solid #d1d3e2;border-radius: 0.3rem;margin-right: 10px;padding: 5px 10px;margin-bottom: 10px;background-color: #d1d3e2;color: #fff;}
.selectedFile-area li .file-details .remove-holder {bottom: 0;position: absolute;right: 0px;}
.selectedFile-area li .file-details .remove-holder i {font-size: 15px; color: #EE6345;}
.message-container .message-body .message-li .message-content .selectedFile-area li .file-details .remove-holder i {font-size: 15px; color: #1f1cc8;}

.pagination{}
.pagination .page-number{margin: auto;margin-left: 0;font-size: 14px;}
.pagination > li:nth-child(2) .page-link{border-radius: 6px 0 0 6px;}
.pagination .page-item .page-link{font-size: 14px;font-weight: 600;color: #629b58}
.pagination .page-item.active .page-link{color: #fff;border-color: #629b58;background-color:#629b58;}

.modal .modal-content{border: none;}
.modal .modal-content .modal-header{background-color: #5bbc2e;color: #fff;border: none;padding: 10px;position: relative;}
.modal .modal-content .modal-title{margin: 0;line-height: 20px;font-size: 20px;font-weight: 500;color: #fff;}
.modal .modal-content .close{padding: 0;margin: 0;width: 20px;height: 20px;background: #fff;text-align: center;opacity: 0.9;color: #629b58;font-weight: 400;font-size: 20px;border-radius: 30px;position: absolute;top: 10px;right: 20px;}
.modal .modal-content .modal-body{font-size: 14px;color: #77798c;line-height: 20px;font-weight: 500;}
.modal .modal-content .modal-footer > button{background: #ffff;border-color: #629b58;color: #000;}
.modal .modal-content .modal-footer > button:focus, .modal .modal-content .modal-footer > button:active, .modal .modal-content .modal-footer > button:hover{background: #ffff;border-color: #629b58;color: #000;}
/*CSS BY AGNIBHA*/