@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

body{ color: #555;font-family: 'Roboto', sans-serif; }

.page-register-v2.page-dark.layout-full::after{background-color: #f3f4f5;}
.page-login-main{text-align: center;}
.page-login-v2 .page-brand-info{text-align: center;}
.page-login-v2 .page-brand-info p {  max-width: 50%;  margin: auto;}
.page-login-v2 .form-material .form-control{border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0; border-radius: 10px; padding-left: 10px; height: 35px;}
.page-login-v2 .form-material.floating{text-align: left;}
.page-login-v2 .login-label{ position: relative;}
.page-login-v2 .login-label .md-account-o{ position: absolute; left: 10px; font-size: 22px;top: 7px; color: #757575; }
.page-login-v2 .login-label .md-lock-outline{ position: absolute; left: 10px; font-size: 22px;top: 7px; color: #757575; }
.page-login-v2 .login-label .md-help-outline{ position: absolute; right: 10px; font-size: 22px;top: 7px; color: #757575;}
.page-login-v2 .login-label .form-control{ padding-left: 40px;}
.text-bold {
  font-weight: bold !important;
}
th.text-bold {
  font-weight: 500 !important;
}
th.sorting_desc,th.sorting_asc {
  font-weight: 500 !important;
}
 table.dataTable th{ font-weight: 600 !important;
}

.page-register-v2 .page-brand-info .brand-text.ml-0{margin-left: 0px;font-weight: 500;position: relative;z-index: 1;}
.page-register-v2 .page-register-main{width: 100%;padding: 50px 50px 50px; position: relative; margin-top: -100px;}
.page-register-v2 .page-register-main h1{ margin-bottom: 30px; margin-top: 0px; }
.page-register-v2 .page-content {  padding-right: 50%;padding-top: 0;}
.page-register-v2::before{ display: none;}
.page-register-v2.layout-full .page{background-color:#f3f4f5; color: #333;}
.page-register-v2 .page-brand-info .brand-text{color: #fff;text-transform: capitalize;margin-left: 0;}
.page-register-v2 .page-brand-info h2.brand-text{color: #424242;font-size: 30px !important;}
.page-register-v2 form{width: 100%;margin-top: 0px;}
.page-register-v2 footer{ position: relative;}
.page-register-v2 p{ opacity: 1 !important;color:#5b7a8f;font-size: 14px;}
.page-register-v2 ul{ margin-top: 30px; list-style: none; padding-left: 0px;flex-wrap: wrap;justify-content: space-between;}
.page-register-v2 li{opacity:1; margin-bottom: 15px;font-size: 16px !important;max-width: 180px; /*background: url("../../assets/images/icon-list1.png") no-repeat left 8px;*/ padding: 0 10px;}
.page-register-v2 li:first-child{ padding-left: 0;}
.page-register-v2 li:last-child{ padding-right: 0;}
.page-register-v2 li p{max-width: 170px !important;margin-top: 20px;}
.page-register-v2 .icon.md-attachment-alt{ position: absolute; left: 15px;top: 11px;}
.page-register-v2 .page-brand-info {  margin: 50px 0px 0 0px;}
.page-register-v2 .page-brand-info .brand { background: #d3d2d2; position: relative;padding-bottom: 50px;padding: 30px;}
.page-register-v2 .page-brand-info .brand{ position: relative;padding-left: 0;}
.page-register-v2 .page-brand-info .brand::before { content: ""; width: 100vw; height: 100%; left: -100%; top: 0px; background: #5A788D; position: absolute;}
.page-register-v2 .page-brand-info .brand::after { content: ""; width: 100vw; height: 100%; right: -100%; top: 0px; background: #5A788D; position: absolute;}


.floating-label1{ font-size: 24px;font-weight: 500;color: #1e1c1c;}
.floating-label2{font-size: 16px;font-weight: 400; color: #1e1c1c;font-weight: 400 !important;}
.control-fileupload{ padding-right: 0px !important;}
.control-fileupload .btn{ float: right;margin-top: 6px;margin-right: 10px;}
.page-register-v2 .form-material .form-control{border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0; border-radius: 10px; padding-left: 10px;height: 35px;}
select.form-control{-moz-appearance: none;-webkit-appearance: none;background-image: url("../../assets/images/select-arrow1.png"); background-position: center right; background-repeat: no-repeat;}
.btn{border-radius: 100px;}
.box-alert{ background: #fff; padding: 15px; box-shadow: 0px 0px 4px 4px rgba(0,0,0,.1);margin-top: 30px;margin-bottom: 30px;font-size: 16px !important;opacity: 1; position: relative;padding-left: 60px;}
.box-alert img{left: 10px; top: 10px; display: inline-block; margin-right: 10px; position: absolute; }
.mt-2{ margin-top: 2rem;}

.modal-footer{text-align: center;}
.custom-modal{text-align: center;}
.custom-modal .modal-title{ text-align: left;font-size: 14px;}
.custom-modal .modal-dialog{width: 500px; max-width: 100%;}
.custom-modal form{width: 90%;}
.custom-modal h2{ margin-top: 0px;}
.custom-modal p{color: #757575; opacity: 1;}
.custom-modal label.floating-label2{color: #1e1c1c; opacity: 1;}
.custom-modal form{max-width: 100%;margin: auto;margin-bottom: 10px;}
.para1{ max-width: 250px; margin-left: auto; margin-right: auto;}
.para2{ max-width: 100%; margin-left: auto; margin-right: auto;}
.mb-10{ margin-bottom: 10px;}
.mb-30{ margin-bottom: 30px;}
ul.otp { padding: 0px; margin-left: 0px; margin-bottom: 50px;margin-top: 20px; }
.otp li{ background: #e8e8e8; display: inline-block; border-radius: 4px; padding: 3px 10px; color: #000; font-size: 24px; margin-left: 5px; margin-right: 5px;height: 44px;
width: 44px; font-weight: 500;}

.btn-primary1{ height: 35px; min-width: 120px;font-size: 16px;padding-right: 20px;padding-left: 20px;padding-top: 4px;}
/*.btn-primary1{ height: 45px; min-width: 120px;font-size: 20px;padding-right: 30px;padding-left: 30px;}*/
.modal{padding-right: 0px !important;}
.mb-50{ margin-bottom: 50px;}
.custom-modal .modal-dialog img{max-width: 100%;}
.footer-center{text-align: center;margin-top: 25px;}
.footer-center .btn{margin-left: 5px;box-shadow: none;}
.footer-center .btn-default{background: #dde1e6;}
.footer-center .btn-default:hover{background: #dde1e6;}
/* input [type = file]
----------------------------------------------- */

input[type=file] {
	display: block !important;
	right: 1px;
	top: 1px;
	height: 34px;
	opacity: 0;
  width: 100%;
	background: none;
	position: absolute;
  overflow: hidden;
  z-index: 2;
}

.control-fileupload {
	 display: block;
	 /*border: 1px solid #d6d7d6;*/
	 background: #fff;
	 border-radius: 10px;
	 width: 100%;
	 height: 50px;
	 line-height: 50px;
	 padding: 0px 10px 2px 10px;
	 overflow: hidden;
	 position: relative;
	/* File upload button */
}
 .control-fileupload:before, .control-fileupload label {
	 cursor: pointer !important;margin-top: 13px;
}
.control-fileupload input{margin-top: 0px;}
 .control-fileupload:before {
	/* inherit from boostrap btn styles */
	 padding: 4px 15px;
	 margin-bottom: 0;
	 font-size: 14px;
	 line-height: 20px;
	 color: #fff;
	 text-align: center;
	 /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
	 vertical-align: middle;
	 cursor: pointer;
	 background-color: #5A788D;
	/* background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	 background-repeat: repeat-x;
	 border: 1px solid #ccc;
	 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	 border-bottom-color: #b3b3b3;*/
	 border-radius: 100px;
	 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	 transition: color 0.2s ease;
	/* add more custom styles*/
	 content: 'Browse';
	 display: block;
	 position: absolute;
	 z-index: 1000;
	 top: -5px;
	 right: auto;
   left: 7px;
	 line-height: 25px;
	 text-align: center;visibility: visible;background-color: #5A788D; cursor: pointer;
}

input[type="file"] {
    display: none;
}
.form-material input[type="file"]{opacity: 1;line-height: 50px}
 .control-fileupload:hover:before, .control-fileupload:focus:before {
	 color: #333;
	 background-color: #e6e6e6;
	 color: #333;
	 text-decoration: none;
	 background-position: 0 -15px;
	 transition: background-position 0.2s ease-out;padding-left: 12px;
}

 .control-fileupload label {
	 line-height: 24px;
	 color: #999;
	 font-size: 14px;
	 font-weight: normal;
	 overflow: hidden;
	 white-space: nowrap;
	 text-overflow: ellipsis;
	 position: relative;
	 z-index: 1;
	 margin-right: 0px;
	 margin-bottom: 0px;
	 cursor: text;margin-left: 25px;
}


.input-custom label {
  background-color: #5A788D;;
  color: white;
  padding: 0.5rem 1rem;
  font-family: sans-serif;
  border-radius:100px;
  cursor: pointer;
  margin-top: .8rem;
  position: relative;
  top: -6px;
  line-height: normal;
  padding-top: 4px;
  padding-bottom: 3px;
  font-size: 12px;
  border-radius: 6px;
left: -4px;
}
.input-custom #actual-btn{ visibility: hidden; }
#file-chosen{
    margin-left: 0.3rem;
    font-family: sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 70%;
    padding-top: 5px;
}
.input-custom{}

.page-copyright p{text-align: center; display: flex; justify-content: space-between;}

.reset-successful{text-align: center;margin-top: 100px;}
.reset-successful h2{ margin-bottom: 50px;}
.reset-successful p{opacity: 1; }
.reset-successful p a{font-weight: 500;}
.reset-successful img{max-width: 100%;}
.site-menu-text-center{text-align: left;}
.oprator{ color: #424242 !important;display: flex; justify-content: space-between; text-align: left; font-size: 20px;font-weight: 500; position: relative;}
.oprator div:last-child{ padding-left: 30px;}
.oprator div{font-size: 24px;color: #000;}
.oprator p{margin-bottom: 0px; font-weight: 300;font-size: 16px;  max-width: 200px;line-height: normal;color: #555 !important;}
.oprator::before{ content: ""; width: 1px; height: 100%; background: #757575; left: 0px; right: 0px; margin: auto; position: absolute; display: noe;}
.oprator{}
.dashboard-row{ display: flex;}
.dashboard-row p{ display: flex; margin-bottom: 0px !important; }

.dd-btn-row{ text-align: right; margin-bottom: 30px;}
.dd-btn-row .btn{ background: #fff;border-radius: 0px; min-width: 200px; text-align: left;}
.dd-btn-row .dropdown-menu{ left:auto; right: 0px; min-width: 200px;}
.dropdown-toggle.btn .caret{ float: right; margin-top: 8px;}











.cards tbody tr {
   float: left;
   width: 19rem;
   margin: 0.5rem;
   border: 0.0625rem solid rgba(0, 0, 0, .125);
   border-radius: .25rem;
   box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}

.cards tbody td {
   display: block;
}

.cards thead {
   display: none;
}

.cards td:before {
   content: attr(data-label);
   position: relative;
   float: left;
   color: #808080;
   min-width: 4rem;
   margin-left: 0;
   margin-right: 1rem;
   text-align: left;   
}

tr.selected td:before {
   color: #CCC;
}

.table .avatar {
   width: 50px;
}

.cards .avatar {
   width: 150px;
   margin: 15px;
}

.table-data{ background: #fff;}
.table-data .dataTables_length{  display: none;}
.dataTable-panel{ padding: 20px;}
table.dataTable td .btn-primary{text-decoration: none;padding-top: 1px;padding-bottom: 1px;font-size: 14px;padding-left: 10px;padding-right: 10px;
color: #5A788D;
background: none;
border: none;
box-shadow: none;
text-decoration: underline;
padding-left: 0px;
}
table.dataTable td .btn-primary:hover, table.dataTable td .btn-primary:focus{ text-decoration: none;color: #5A788D;background: none; }
div.dataTables_wrapper div.dataTables_info{display: none;}
div.dataTables_wrapper div.dataTables_paginate{display: nne;}
.dataTables_length{display: none;}

.table-card table tr td{padding: 10px;}
.table-card table tr:last-child td{padding-bottom: 20px;}
.table-card table{ border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.form-material select.form-control{ position: relative; }
.form-material select.form-control::after{content:""; background: url("../../assets/images/select-arrow.png") no-repeat center right;}
.form-material .form-control,.form-material select.form-control {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-radius: 10px;
  padding-left: 10px;
  height: 35px;
  color: #000;
}
select.form-control{  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-radius: 10px;
  padding-left: 10px;
  height: 35px;
}
.icon.md-attachment-alt {
  position: absolute;
  left: 15px;
  top: 11px;
}
.ml-20{ margin-left: 20px;}
.form-material .form-control:focus{border: 1px solid #e0e0e0;border-radius: 10px;}
.d-none1{display: none;}
.md-edit, .md-delete{ font-size: 16px;}
.table a{text-decoration: none;}
.table a:hover{text-decoration: underline; opacity: .8;}
.page-header-actions2{display: flex;align-items: center;}
.page-header-actions2 select{ width: 240px; max-width: 240px; margin-right: 0px;height: 40px;}
.label-success{min-width: 0px;display: inline-block;}
.label-yellow{min-width: 50px;display: inline-block;}

.label-default{min-width: 50px;display: inline-block;}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: rgba(238,238,238,0);
}
.table-striped > tbody > tr:nth-of-type(2n+1):hover {background-color: #f9f9fd;}
.table-striped > tbody > tr:hover {background-color: #f9f9fd;}
.table > tbody > tr > td{vertical-align: middle;}
table.dataTable thead > tr > th.sorting:last-child::before{display: none;}
table.dataTable thead > tr > th.sorting:last-child::after{display: none;}
table.dataTable thead th.sorting_asc:last-child::before{display: none;}
table.dataTable thead th.sorting_asc:last-child::after{display: none;}
table.dataTable thead th.sorting_desc:last-child::before{display: none;}
table.dataTable thead th.sorting_desc:last-child::after{display: none;}
.register-navbar{ border-radius: 0px; }
.register-navbar .navbar-right{margin-right: 0px;}
.register-navbar .get-head{display: block;}
.register-navbar .navbar-right .navbar-brand {
    font-size: 14px;
    padding: 10px 30px 22px 30px;
    text-align: right;
}
.register-navbar{margin-bottom: 0px;}
.register-navbar .navbar-right .navbar-brand a {
    color: #fff;
    font-size: 14px;    
}


.signup-banner {
    min-height: 265px;
    background: #e2e2e2;
  
        background-image: url("../../assets/images/signup.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
}

.page-register-v2 .page-content{padding-right: 15px !important;padding-left: 15px !important;max-width: 1410px;margin-left: auto;margin-right: auto;}
.page-register-v2 .page-content .col-md-4{margin-top: -180px;}
.list-mission{padding-left: 0;list-style: none;display: flex;text-align: center;margin-top: 40px;} 
.page-register-v2 footer{margin: 0px;}
.modal .btn-primary{min-width: 130px;}
.modal .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: transparent;
}
.modal-header .close {
  margin-top: -2px;color: #fff;opacity: 1;
}
button.close{opacity: .5;font-size: 24px;}

.modal-header{text-align: left; padding-left: 20px; border-bottom: 1px solid #e0e0e0; background-color: #5A788D;}
.modal-header h2{ color: #fff; margin-bottom: 0px !important;padding-top: 0px !important;font-size: 22px; }
.page-login-v2 .modal-header{background-color: #fff;border-bottom: none;}
.page-login-v2 .modal-header a{color: #3949ab;}

.rey-900.font-size-30{ font-weight: 400;color: #000 !important; font-weight:500;font-size: 24px !important;}
.head-panel{background-color: #5A788D; padding: 10px 20px; color: #fff; text-align: center; border-radius: 3px 3px 0px 0px;font-weight: 400; font-size: 18px;}
.circle1{display: inline-block; background-color: #5A788D; border-radius: 100%; width:10px; height: 10px; position: relative;bottom: 1px; }

.multiselect-native-select .btn-group{border-top: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;border-radius: 10px;
padding-left: 10px;height: 35px; width: 100%;  display: block;border-bottom: 1px solid #e0e0e0; box-shadow: none; position: relative;
}
.multiselect-native-select .btn-group::before{content: ""; position: absolute; background: url("../../assets/images/select-img.png") no-repeat left top; width: 8px; height: 6px; right: 14px; top: 15px;}
.multiselect {
  overflow: hidden;
  text-overflow: ellipsis;
  background: none;
  border: none;height: 35px;width: 100%;
text-align: left !important;
}
.multiselect-native-select .btn-group .multiselect{padding-left: 10px;}
.multiselect-container{width: 100%;}
.multiselect-container .multiselect-option{border: none;background: transparent;text-align: left;}
.multiselect-container .multiselect-option .form-check{padding: 0 5px 0px 15px;}
.multiselect-container .multiselect-option .form-check-label{margin-left: 10px;}
.multiselect-container .multiselect-option.dropdown-item{ width: 100%;padding-left: 0px; padding-top:7px;}
.multiselect-container .multiselect-option:focus, .multiselect-container .multiselect-option:hover{ background: #ccc !important;}
.action-icons a { padding: 0 5px;}
.modal .table > tbody > tr > td{ border:none; }
select.form-control[multiple]{display: none;}


.signup-banner img{max-width:100%;}
.page-register-v2 .floating-label1{width: 100%;}
.has-error{margin-top: 5px; color: #f44336;} 

.page-error{ display: table;margin-left: auto;margin-right: auto; margin-top: 0px; margin-bottom: 0px; }



.page-not-found { padding:20px 0px;display: table;
margin: auto;}
.page-not-found h5 { font-size:30px; margin-top: 60px !important;}

.page-not-found .btn-4 { margin-left:0px; margin-top:30px;}
.page-not-found h1{ font-size: 280px; }
.page-not-found p{font-size: 16px;}
.not-found{ font-size: 20px; }
.img-404{width: 100%; max-width: 100%;}

.action-icons{white-space: nowrap;}

.dtr-data a{display: inline-block; margin-left: 8px; margin-right: 8px; }
.table > tbody > tr > td{vertical-align: top;color: #555;}


.page-content-inner{ display: flex; }
.page-content-inner .panel{width: 100%; }
.lnb{ margin-right: 30px; background: #fff; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);box-shadow: 0 2px 4px rgba(0,0,0,.08);border-radius: 4px;margin-bottom: 30px;color: #555;}
.lnb ul{ list-style: none; padding-left: 0px; margin-top: 0px;}
.lnb ul li a{color: #555; position: relative; display: inline-block; width: 100%;}

.lnb ul li a[aria-expanded="true"] .site-menu-arrow{ transform: rotate(180deg);}
.lnb ul li a .site-menu-arrow{ position: absolute; right: 0px;}
.lnb ul li .icon{ margin-right: 6px;}
.lnb ul li a:hover, .lnb ul li a:focus{text-decoration: none;color: #000;}
.lnb ul li:hover{background-color: rgba(33,33,33,.05);}
.lnb ul li{ white-space: nowrap;padding: 10px 20px 10px 20px; }
.lnb ul li ul{ margin-top: 10px;}
.lnb ul li ul li{ padding-top: 10px; padding-bottom: 10px;}
.lnb ul li ul li a{padding-left: 10px;}/**/
.lnb ul li.active {background-color: #ccc;}
.lnb ul li.active a{color: #000;}
.lnb ul li ul li.active {background-color: rgba(90, 120, 141, .5);}
.lnb ul li.active li{background-color: #f3f4f5;}
.lnb ul li.active li a{color: rgba(117,117,117,.9);}
.page-content-inner p{ max-width: 300px;}
.inspection-table.table > tbody > tr > td{ vertical-align: middle; border-left:1px solid #e0e0e0;vertical-align: top;}
.inspection-table.table > tbody > tr > td:last-child{border-right:1px solid #e0e0e0;}
.inspection-table.table > tbody > tr > td big{font-weight: normal; color: #333;font-size: 18px;}
.inspection-table.table > tbody > tr > td small{font-size: 16px; font-weight: 400; color: #000;}
.inspection-table.table > tbody > tr > td[rowspan]{vertical-align: middle;}
.inspection-table.table{border-bottom:1px solid #e0e0e0;}
.inspection-table.table .action-icons{text-align: center;}
.site-footer-actions .btn{ margin-left: 5px;box-shadow: none;}
.inner-header{ margin-top: 20px;}
.inner-header-address b{ display: block; margin-bottom: 5px; color: #1e1c1c;font-weight: 600;}
.inner-header-address p{max-width: 300px;}
.inner-header-address .input-group{max-width: 300px;}
.inner-header-address p.p1{max-width: 170px;}

.form-material textarea.form-control.text-area2{ height: 200px; resize: none;padding-top: 10px; }
.site-footer-actions2{float: right;}
.upload-form input[type="file"]{opacity: 0;}
.uploader-inline{border:1px solid #e0e0e0;border-radius: 10px;}
.upload-instructions{margin: 50px 20px !important;font-size: 14px;}
.has-file .file-wrap{border:1px solid #e0e0e0;border-radius: 10px;max-height: 140px;padding-left: 10px;padding-top: 10px;}
.file-wrap .file-action .start{margin-right: 10px;margin-left: 0px;}
.file-wrap .file-action .cancel{margin-right: 5px;}
.file-wrap .preview canvas{max-height: 85px;}
.file-wrap .preview{max-height: 85px;}
.file-wrap .file-action{top: 30px;}
.file-wrap .file-item{ padding: 0px; }
.page-content-inner .col-md-8{width: 100%;}
.radio-btns{ display: flex; z-index: 999;position: relative;}
.radio-btns .radio-custom{ margin-right: 25px; }
.custom-modal .modal-lg.modal-dialog{width: 900px;max-width: 100%;text-align: left;}
.custom-modal .modal-lg.modal-dialog textarea.form-control.text-area2{height: 140px;}
.attachments-table img{ display: inline-block; margin-right: 5px;max-width: 100%;margin-bottom: 5px; }
.view-all{display: block;margin-top: 10px;}
.view-all-images img{ display: inline-block;margin-right: 5px; max-width: 100%; margin-bottom: 5px; }
.site-footer-actions{width: 100%;text-align: right;}
.custom-modal .modal-lg form{ width: 100%; }
#no-more-tables strong{ display: none; font-weight: normal; }
.col-r .floating-label2{ margin-bottom: 15px; }

a.menubar2{padding: 20px; font-weight: 500;font-size: 18px;}
a.menubar2:hover, a.menubar2:focus{text-decoration: none;}
a.menubar2 span{ display: inline-block;width: 20px; height: 20px; text-align: center; background-color: #5A788D; color: #fff;border-radius: 4px; float: right;line-height: 20px;padding-top: 0px;  }
a.menubar2[aria-expanded="true"] span::before{content: "-"; }
a.menubar2[aria-expanded="false"] span::before{content: "+";}

.page-header{padding: 20px 30px;}

.pagination li > a{padding: 2px 10px;}
#no-more-tables .row:first-child{display: nne;}
.head1{ /*border-bottom: 1px solid #e0e0e0; margin-bottom: 15px;*/ }
.head1 .floating-label1{ margin-bottom: 5px !important; }

table.dataTable td .btn-primary.padding-vertical-0{background: #5A788D; color: #fff; border: none;box-shadow: none;text-decoration: none;padding-left: 0px;line-height: normal;padding-top: 1px !important;
padding-bottom: 1px !important;}
table.dataTable td .btn-default.padding-vertical-0, table.dataTable td .btn-warning.padding-vertical-0{ box-shadow: none; border: none;font-size: 11px;border-radius: .3em;padding-left: 6px !important;padding-right: 6px !important; }
table.dataTable td .btn-warning.padding-vertical-0{ border-radius: 100px; margin-left: 3px;font-weight: 500; }

.popover-content {
  padding: 5px 10px;max-height: 200px;overflow: auto;
}
.popover-title{padding: 5px 10px;background: #5A788D;color: #fff;}
.spinnerUi > input[type="text"]{border-radius: 10px 0px 0px 10px; padding-left: 10px; width: 100%;}
.spinnerUi > input[type="text"]:focus-visible{ box-shadow: none; }
.spinnerUi{display: flex !important;}
.spinnerUi-up{border-radius: 0 10px 0px 0 !important;}
.spinnerUi-down{border-radius: 0 0px 10px 0 !important;}

.popover.bottom > .arrow::after{border-bottom-color: #5A788D;}
.table > tbody > tr > td[data-title="Action"] .icon{ /*font-size: 18px;*/ }
.table > thead tr  th:last-child{  }

.td-row-none .row:first-child{display: none;}
.table-striped > tbody > tr:nth-of-type(2n+1).hidden-xs td{ color: #000; }
.padding-vertical-10.font-size-20{font-size: 16px !important;}
.dashboard-page{}
.list-circle{display: flex;align-items: center;}
.list-circle p{margin-bottom: 0px; padding-left: 10px;}
.list-mar-top{margin-top: 60px;}
.vs{border: 1px solid #000;
border-radius: 100%;
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;position: absolute;
right: 0;
left: 0;
margin: auto;
top: 0px;
background: #fff;line-height: normal;padding-top: 3px;  bottom: 0px; font-size: 14px;}
.btn-default{background-color: #f3f4f5;box-shadow: none; border:none;}
.btn-default.focus, .btn-default:focus, .btn-default:hover{background-color: #f3f4f5; opacity: 1;}
.default-btn{ background: transparent; border:1px solid #5A788D; color: #5A788D;min-width: 95px;  }
.default-btn span{position: relative;transition:all .3s ease-in-out;}

.btn-default span{ position: relative; }
.btn-primary span{ position: relative; }
.btn-secondary span{ position: relative; }
.default-btn span:before, .btn-primary span:before,.btn-default span:before, .btn-secondary span:before  {
content: "";
width: calc(100%);
position: absolute;
z-index: 0;
top: auto;
left: 0;
right: 0;
bottom: -2px;
height: 1px;
border-radius: 4px;
background: #fff;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-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;
margin: auto;
}
.default-btn:hover span::before, .btn-primary:hover span::before, .btn-default:hover span::before,.btn-secondary:hover span::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.btn-default span:before{background: #757575;}
.btn-secondary span:before{background: #757575;}

.select-custom{ position: relative;  display: block;}
.select-custom::after{content: "";background: url("../../assets/images/select-arrow.png") no-repeat center left; position: absolute; z-index: 99; right: 12px; top: 13px; height: 9px; width: 12px;}
.ml-15{margin-left: 15px;}
.select-inline-block{display: inline-block;}
.show-content{display: none;}
.md-attachment{font-size: 18px; vertical-align: middle;}
.assigned-table #DataTables_Table_0_filter input[type="search"]{ display: block; }
.assigned-table #DataTables_Table_1_filter input[type="search"]{ display: block; }
.assigned-table .page-content{ padding-top: 0px;  }
table.dataTable td .btn-primary.action-btn{ border: 1px solid #5A788D;padding-left: 10px;padding-right: 10px; text-decoration: none; min-width: 75px; font-size: 13px;line-height: normal;padding-top: 3px;padding-bottom: 3px; margin-right: 5px;}
table.dataTable td .btn-primary.action-btn:hover{ background:#5A788D; color: #fff;  }
.form-material textarea.form-control.text-area2.textarea3{ height: 100px; }
.form-material textarea.form-control.text-area2.textarea3.min-height-115{ height: 115px !important; }
.action-inline{ display: inline-flex;align-items: flex-start;justify-content: flex-start; }
.action-inline + .btn-primary.action-btn{vertical-align: top;margin-left: 0px !important;}
.action-inline .action-btn{ min-width: 40px !important; margin-right: 5px;}
.custom-modal .modal-dialog.modal-lg1{width: 600px;}
.custom-modal .modal-dialog.modal-lg1 .modal-body{padding: 15px 25px;}
.custom-modal .modal-dialog.modal-lg1 .modal-body form{width: 100%;}
.edit-box{ position: relative;display: inline-block;}
.edit-box a{ position: absolute; bottom: -5px; right: -5px;background: #fff;border: 1px solid #fff;border-radius: 50%; width: 20px;height: 20px;text-align: center;}
.edit-box a .md-edit{font-size: 14px;}
.top-edit{ display: flex;justify-content: space-between;align-items: center; margin-bottom: 20px;}
h4.page-title{font-size: 18px;margin-top: 15px;margin-bottom: 10px;}
.row-general{ display: flex; word-wrap: break-word; word-break: break-all;}
.row-general .floating-label2{font-size: 14px; }
.inp-white{background-color: #fff !important;}
textarea.inp-white{height: 60px !important;}
.hr1{ margin-top: 0px; }
.dashboard-col{ display: flex;justify-content: space-between; }
/**/
.mt-0{ margin-top: 0px !important; }
table th {
  white-space: normal !important;
}
.quotation-table  table.dataTable thead .sorting_asc::before{bottom: .9em;}
.quotation-table  table.dataTable thead .sorting_desc::before{bottom: .9em;}
.quotation-table  table.dataTable thead .sorting_asc::after{top: auto;bottom: .9rem;}
.quotation-table  table.dataTable thead .sorting_desc::after{top: auto;bottom: .9rem;}
.quotation-table  table.dataTable thead .sorting::after{top: auto;}
.lnb{}
.lnb ul li a{ white-space: normal; position: relative; padding-left: 25px; display: block; }
.lnb ul li a .icon{ position: absolute; left: 0px; top:4px; }
.lnb ul li{padding: 10px 20px 10px 15px;}
.dashboard-col{display: inherit;}
.dashboard-col .oprator{align-items: flex-end;margin-top: 30px; width: 100%;}
.dashboard-col .oprator div:last-child{max-width: 110px;}
.page-content-inner p.p-address{ max-width: 100%; }
.nav-tabs {  border-bottom: 2px solid #D6DADF;font-weight: 600; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ color: #5A788D; background: transparent; border-bottom:  none;     }
.nav-tabs > li > a:hover{background: none;}
.nav-tabs > li > a{border-bottom:  none; position: relative;}
.nav-tabs > li.active > a::before{content: ""; width: 100%; height: 4px; position: absolute; bottom: 0px; background:#5A788D; left: 0px;border-radius: 4px; }
.label.label-info, .label.label-success, .label.label-warning, .label.label-warning, .label.label-danger{ margin-right: 5px;display: inline-block;height: 18px;padding-top: 3px;line-height: normal; }
.label.label-warning{ border-radius: 100px; }
.nav-tabs + .page-header-actions{top: 45%;}
.inspection-content1 p{ margin-bottom: 0px; }
.inspection-table.table > tbody > tr > td[data-title="Quantity"]{ border-right: none;  }
.page-login-v2 .modal-header .close{margin-top: 2px;color: #555;}
.page-login-v2 .form-material.floating + .form-material.floating{margin-top: 20px;}
.page-login-v2 .form-material.floating{margin-top: 0px;}
.page-login-v2 form > button{margin-top: 8px;}
table.dataTable thead .sorting_desc::after{top: auto;}
table.dataTable thead .sorting_asc::after{top: auto;}
table.dataTable thead .sorting::after{top: auto;}
.table-summary .table > tbody > tr > td{  white-space: nowrap;}
.inspect-value{ display: inline-block; width: 50px; }
.edit-box.report-box{
  margin-top:20px;
 }

 .top-panel{ display: flex; margin-top: 20px;margin-bottom: -20px; }
 .top-panel .panel{ margin-bottom: 0px; }
 .top-panel .panel-body{padding-top: 15px;}
 .top-panel .page-title{ margin-bottom: 15px;font-size: 22px; }
 .top-panel-inner .panel{margin-bottom: 30px;}
  .top-panel-inner .panel-body{padding-top:  30px;}
 .txt16{ font-size: 16px; }
 p.p-mb10{margin-bottom: 10px !important;} 
.datepicker{ z-index: 99999 !important; }
.tooltip-top{ position: relative; display: inline-block;padding-right: 20px; }
.tooltip-top .icon{ position: absolute; right: 0px; top: 1px;font-size: 18px; }
.top-panel2{ margin-bottom: 10px; }
.top-panel2 .panel-body{ padding-bottom: 20px; height: 100%;  }
.top-panel2 .panel{ height: 100%; }

.header-table.header-table2{ justify-content: flex-start; position: relative;z-index: 999;width: 50%;}
.header-table.header-table2 .text-right{ margin-left: 15px; }
.quotation-table div.dataTables_wrapper div.dataTables_filter input{ width: 345px; max-width: 100%; }
.table-responsive.quotation-table { margin-top: -40px; z-index: 1; position: relative; }
a.edit2{ display: inline-block; width: 25px; height: 25px; text-align: center; border-radius: 50%;background: #5A788D;line-height: 23px;transition:all .3s ease-in-out; color: #fff;}
a.edit2:hover{ background:#5A788D; opacity: .8; color: #fff;  }
a.edit2 i{ margin-right: 0px !important;    }
.navbar-inverse{background-color: #5A788D;}
.btn-primary{background-color: #000;border-color: #000;}
.btn-primary.focus,  .btn-primary:active,  .btn-primary:focus-visible, .btn-primary:focus, .btn-primary:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover{background-color: #000;border-color: #000;/*text-decoration: underline;*/}
.btn-primary.default-btn{background-color: transparent; border-color: #5A788D; color: #5A788D;}

.btn-primary.default-btn:focus, .btn-primary.default-btn:hover{background-color: #5A788D; border-color: #5A788D; color: #fff; }
.pagination > .active > a{background-color: #5A788D;border-color: #5A788D;}
 .pagination > .active > a:hover, .pagination > .active > a, .pagination > .active > a:focus{background-color: #3F5A6C;}

.radio-primary input[type="radio"]:checked + label::before {
  border-color: #5A788D;
}
.checkbox-primary input[type="radio"]:checked + label::before, .checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #5A788D;
  border-color: #5A788D;
}
.checkbox-custom label::after{line-height: 18px;}
a{color: #5A788D;}
a:hover{text-decoration: underline;color: #5A788D;}

ol ul{list-style-type: upper-alpha;}
.btn-secondary:hover{ text-decoration: none; }
.btn .icon{margin: 0px;}
.btn-default.btn-primary1:hover{ text-decoration: none; }
.site-menu-item.active > a{ color: #5A788D; }
.mb20{ margin-bottom: 20px !important; }
.top-panel-supplier{margin-top: 20px;}
.top-panel-supplier .top-panel-rfp{margin-top: 0px;}
.top-panel-supplier .panel-body{ padding-bottom: 5px; }
.report-no{ max-width: 70%; }
.panel-top20{ margin-top: 20px; }
.top-header-form2{ display: flex; }
.top-header-form2 .form-group{ margin-bottom: 0px; }


.form-material .min-height-123{
 min-height: 123px;
}
.checkbox-table td{
 padding-left: 10px !important; 
}
.checkbox-text p {
  margin-top: 17px;
  margin-bottom: 0;
}
.others-table table th, .others-table table td {
  white-space: normal !important;
}
.others-table table tr:first-child td {
  border-top: 0;
}
.others-table table .table-pl{
 padding-left: 8px !important;
}
.others-table table th{
  border:1px solid #e0e0e0 !important;
  vertical-align: middle !important;
}

.page-login-v2 .navbar-inverse{position: absolute;z-index: 1; top: 0px; left: 0px; width: 100%;}
.mb-0{ margin-bottom: 0px; }
.width-200{width: 200px;max-width: 100%;}
.d-table{ display: table;width: 100%; }
.custom-modal .modal-lg.modal-dialog.modal-lg1{width: 900px;max-width: 100%;text-align: left;}
.form-material textarea.form-control.text-area2.textarea4 {  height: 90px;}
.d-table .tooltip-top .icon{ margin-right: 0px;top: 6px; }
.d-table .icon{ margin-right: 0px !important; }
.page-content-inner2{display: inherit;}
.supplier-tabs{ display: flex; }
.supplier-tabs .nav-tabs{display: flex;flex-direction: column; border: none;}
.supplier-tabs .nav-tabs > li.active > a,.supplier-tabs  .nav-tabs > li.active > a:focus, .supplier-tabs .nav-tabs > li.active > a:hover{background-color: rgba(90, 120, 141, .20);border: none;border-radius: 0px;color: #555;}
.supplier-tabs .nav-tabs > li > a{margin: 0px;    font-weight: 300;color: #555;padding: 10px 15px; border-radius: 0px; border: none; }
.supplier-tabs .nav-tabs > li.active > a::before{display: none;}
.supplier-tabs .nav-tabs.lnb{width: 200px;min-width: 200px; height: 100%;}
.supplier-tabs .nav-tabs > li > a::focus, .supplier-tabs .nav-tabs > li > a::focus-visible, .supplier-tabs .nav-tabs > li > a::focus-within{outline: none; border: none;}
.supplier-tabs .tab-content{width: 100%;}
.supplier-tabs .d-table{ margin-top: 0px; }
.supplier-tabs{ padding-top: 20px; }
.supplier-tabs .collapse{ height: 100%;padding-bottom: 30px; }
.lnb2 ul li a{ padding-left: 0px; }
.panel-right{ width: 100%; }
.panel-right .panel{ height: auto; }
.page-content-bottom{ padding-top: 0px; }
.rfp-content-form.page-content-inner{padding-bottom:  0px;}
.table > thead > tr > th{ line-height: normal; }
table.dataTable thead > tr > th.center-text{ text-align: left; }
td.action-icons {  padding-left: 0px !important;text-align: left;}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus{background-image: linear-gradient(#5a788d,#5a788d),linear-gradient(#e0e0e0,#e0e0e0);}
.select2-container--material .select2-selection{background-image: linear-gradient(#5a788d,#5a788d),linear-gradient(#e0e0e0,#e0e0e0) !important;}
.select2-container--material .select2-dropdown{border-color: #5a788d !important;}
.select2-container--material .select2-selection--single{padding: 6px 27px 6px 5px !important;}


.site-navbar .navbar-header {
  width: 500px; max-width: 100%;
}
.site-navbar-small .site-navbar .navbar-brand{
display: flex;
align-items: center;
}
.navbar-brand-text{
margin-left: 10px;
display: inline-block;
}
.site-navbar .navbar-header .navbar-brand-logo {
  height: 40px;
}

.take_snapshot #my_camera{max-width: 100%;max-height: 100%;}
video{max-width: 100%;max-height: 100%;}

.eff-wrap .text-right.col-lg-12{ padding-left:0px; padding-right:0px;}.btn.disabled, .btn.disabled:hover, .btn:disabled, .btn:disabled:hover{background-color: #3F5A6C;border-color: #3F5A6C;opacity: .5;}
.btn.disabled, .btn.disabled:hover, .btn:disabled, .btn:disabled:hover{background-color: #3F5A6C;border-color: #3F5A6C;opacity: .5;}
.btn.disabled span::before, .btn:disabled span::before{ display: none; }

.site-navbar-small .site-navbar .navbar-toolbar > li > a {  padding-top: 18px;  padding-bottom: 18px;}
.site-navbar-small .site-navbar .navbar-toolbar > li > a.navbar-avatar {  padding-top: 19px;  padding-bottom: 19px;}
.site-navbar-small .site-navbar .navbar-toolbar > li > a.navbar-avatar span{text-transform: capitalize;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before{line-height: 16px;}

.dashboard-col-new .oprator{ margin-top: 0px;align-items: center;justify-content: flex-start; }
.dashboard-col-new .oprator::before{ display: none; }
.dashboard-col-new .oprator div:first-child{/*max-width: 40%;width: 100%;*/ text-align: left;margin-left: 10px;}
.dashboard-col-new .oprator div:last-child{/*max-width: 60%;width: 100%;*/max-width: 200px;}
.dashboard-col-new .oprator div:last-child p{max-width: 120px;width: 100%;min-height: 33px;}
.dashboard-col-new .navbar-brand-logo{height: auto;}
.dashboard-col-new .table{ margin-bottom: 0px; }
.widget-new .widget-content{display: flex; justify-content: space-around; flex-direction: column;}
.widget-new .head-panel{ background: #fff; color: #333333;padding: 20px 20px 0px 20px; font-weight: 500;}
.widget-new .oprator{justify-content: space-around;}
.widget-new .oprator div{ display: flex;align-items: center;}
.widget-new .oprator div p{ padding-left: 15px;width: 200px;max-width: 100%; }
.widget-new .oprator div span{ line-height: normal; }
.date-table{display: inline-block;width: 85px;text-align: center;}
.bar-progress{display: flex;align-items: center;}
.bar-progress .progress{width: 100%; margin-bottom: 0px;}
.progress-count{display: inline-block; margin-left: 10px;}
.progress-bar{background-color: #4CAF50;border-radius: 10px; text-align: left; padding-left: 8px; padding-top: 2px;}
.progress{background-color: #E0E0E0;border-radius: 10px;}
.bar-progress .sr-only{  height: auto; font-weight: 600; position: static;width: 34px; display: inline-block; }
.monthly-report-select { display: flex; align-items: center;justify-content: flex-end; }
.monthly-report-select span{ display: inline-block; margin-right: 10px; font-weight: 400; font-size: 12px;}
.monthly-report-select select{ border-top: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;border-radius: 10px;padding-left: 10px;height: 35px;padding-right: 25px; }
.monthly-report-select .select-custom::after{right: 0px;}
.last-widget{ padding-top: 25px; padding-bottom: 27px; }
.last-widget .oprator div span{ display: inline-block;line-height: 20px;position: relative;top: -9px }
.dashboard-col-new .oprator div:last-child p.number-brands{max-width: 100%;}
.last-widget.super-admin{padding-top: 26px;padding-bottom: 26px;}
.padding-20.super-admin{padding-top: 17px !important;padding-bottom: 13px !important;}
.head-panel2{text-align: left;display: flex;justify-content: space-between;align-items: center; background: #fff;color: #333333; padding-left: 8px; padding-right: 0px;font-weight: 500; } 
.widget-new .oprator div p.manager-p{width: auto;padding-left: 0px;}
.manager-widget::before{background: #ccc;}
.manager-widget div{ flex-direction: column; }
.manager-widget div p{ padding-left: 0px;}
.head4{ margin-top: 0px; }
.widget-new .oprator div p.manager-p.text-green{ color: #4caf50 !important; }
.widget-new .oprator div p.manager-p.text-red{ color: #f44336 !important; }
.manager-padding{}
.new-label{display: inline-block;width: 28px;text-align: center;}

.row-general-supplier br{display: none;}
.inner-header-address p br{display: none;}
.inner-header-address p.p1 {  max-width: 100%;}
.take_picture{padding-bottom: 10px;position: absolute;right: 0;top: -5px;}
.take_picture input.btn-primary1{height: 25px;min-width: auto;font-size: 14px;padding-right: 10px;padding-left: 10px;padding-top: 0px;border: 1px solid #5A788D; color:  #5A788D; background: transparent;}
.take_picture input.btn-primary1:hover{border: 1px solid #5A788D; color:  #fff; background: #5A788D;}

.popover-content br{height: 5px;display: block;}
.table > tbody > tr > td[data-title="Action"] {white-space: nowrap;text-align: left;}
/**/ 

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before{line-height: 16px;}
.box-gray{ background: rgba(204,204,204,.1); padding: 15px 5px 5px 5px; border-radius: 5px; }

.oprator div.label-new{ position: absolute; right: 0px; top: 0px; border: 1px solid #FF9800; color: #FF9800; font-size: 14px; font-weight: 400; padding-left: 20px; padding-right: 20px; border-radius: 4px; }
.operatorp{max-width: inherit !important; min-height: 0px !important;}
.text-new{color: #FF9800;}
.text-red{color: #F44336;}
.text-green{color: #4CAF50;}
.date-table2{width: 60px;padding-left: 5px;}
.date-table3{width: 60px;padding-left: 20px;}
.supplier-dashboard{ display: table;margin-left: auto;margin-right:  auto;}
.supplier-dashboard::before{ display: none; }
.supplier-dashboard p{ display: inline-block; background: #FAFAFA; border-radius: 6px; padding: 10px 15px; text-align: center; font-size: 24px; font-weight: 500;  margin-left: 10px; margin-right: 10px;}
.supplier-dashboard p span{ display: block; text-align: center; margin-top: 5px;font-size: 16px;font-weight: 400; }

.table.operator-head > thead > tr > th{border-bottom:   none !important;border-top:    none !important;}
.table.operator-head > thead > tr > th[colspan="3"]{position: relative; overflow: hidden; border:0 !important;}
.table.operator-head > thead > tr > th[colspan="3"]::before{border-bottom: none !important; content: ""; left: 0px;    width: calc(100% - 15px); height: 2px; background: #e0e0e0; position: absolute; bottom: 0px; }
table.operator-head{ border-color: #e0e0e0 }
.form-control.focus, .form-control:focus{border-color: #5a788d;}
.operator-col-new .head-panel2{padding-top: 0px;}
.site-menu > .site-menu-item:focus a, .site-menu > .site-menu-item:focus-within a,.site-menu > .site-menu-item:visted { border:none; box-shadow: none; color: #5A788D;}
.site-menu > .site-menu-item a:focus, .site-menu > .site-menu-item a:focus-within,.site-menu > .site-menu-item a:visted { border:none; box-shadow: none;color: #5A788D; text-decoration: none; }
.site-menu>.site-menu-item{    outline: none; border:none; box-shadow: none;}
.site-menu-item > a{color: #5A788D;text-decoration: none;}
.containment-modal{ width: 600px; text-align: left; }
.custom-modal .modal-dialog.containment-modal{ width: 600px; text-align: left; }
.custom-modal .modal-dialog.containment-modal textarea{height: 150px;}
.btn{-webkit-transition: border .1s linear,color .1s linear,width .1s linear,background-color .1s linear;-o-transition: border .1s linear,color .1s linear,width .1s linear,background-color .1s linear;
transition: border .1s linear,color .1s linear,width .1s linear,background-color .1s linear;}
.modal .take_picture{text-align: right;position: static;}
.modal .take_picture input.btn-primary1{padding-top: 2px;width: auto;}
.list-download{ display: flex; list-style: none; padding-left: 0px; text-align: center; flex-wrap: wrap; }
.list-download li {    padding: 10px 10px;    border-radius: 10px;    border: 1px solid #f1f1f1;    margin-right: 10px; margin-bottom: 10px;   background: #f9f9f9;}
.list-download li:last-child{ margin-right: 0px; }
.list-download-img img{ max-width: 50px !important; }
.list-download-img p{ line-height: normal;max-width: 100px;  margin-bottom: 0px; margin-top: 10px;font-size: 11px;font-weight: 500;color: #1e1c1c;}
.list-download-img p.p1{font-weight: 400; line-height: normal;max-width: 100px;  margin-bottom: 0px; margin-top: 5px;font-size: 12px;border-top: 1px solid #ccc; padding-top: 10px; margin-top: 5px;}
.list-download-img p.p1 .btn {   min-width: 0px;    line-height: normal;    margin-top: 10px;    font-weight: 700;    padding: 5px 12px;    letter-spacing: 0.5px;}
.list-download-img p.p1 .btn .icon{font-size: 14px;}
.page-dark.layout-full::after{display: none;}
.page-login-v2::before{background-size: 76% !important;background-repeat: no-repeat !important; background-position: left top  !important;}


.supplier-success{ background:#f3f4f5; }
.supplier-success .site-footer{ margin: 0px;color: #555;background-color: rgba(0,0,0,.02);border-top: 1px solid #e0e0e0;}
.supplier-success::before{ display: none;}
.page-login-v2.supplier-success .page-content{ padding-left: 0px; padding-right: 0px;display: flex;margin: auto;height: 100%;max-width: 500px;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.page-login-v2.supplier-success .page-content h2{margin-bottom: 20px;}
.page-login-v2.supplier-success .page-content .mb-30{margin-bottom: 20px;}
a:focus, a:hover{color: #5A788D;}
/**/ 



/**/
body.site-navbar-small.subscription-page{ padding-top: 0px; }
.subscription-page-header{ text-align: center; }
body.page-register-v2{background: #f3f4f5;}
.m--padding-right-15{ margin-right: 10px; }
a.edit_details{margin-right: 10px;}
a.delete_details{margin-right: 10px;}
/**/

.brand-header{ display: flex;justify-content: space-between;align-items: center; }
.storage{display: flex;color: #333;align-items: center;}
.storage-text{display: inline-block; margin-right: 30px;font-size: 16px;font-weight: 500;}
.storage-text img{ display: inline-block; margin-right: 9px; }
.storage-progress .progress{ margin-bottom: 0px;width: 200px;height: 10px;margin-bottom: 7px; }
.storage-progress { font-size: 12px; width: 200px;max-width: 200px;}
.mb{ display: flex;justify-content: space-between; }

.super-right{ display: flex; }
.super-right .page-header-actions{ position: static;transform: translateY(0%); margin-left: 30px; }


.header-sticky thead{position: sticky; top: 0;}
.header-sticky table{ width: 100%;}
.header-sticky table tbody,.header-sticky table thead,.header-sticky table thead td {    display: block;}
.header-sticky table tbody {   overflow: auto;   max-height: 395px;}
.header-sticky table thead th,.header-sticky table tr td { min-width: 10%;width: 10%;}
.height-500{ height:660px;}


/*.mb span:last-child{font-size: 24px;display: inline-block;line-height: 24px;}*/

#single_option, #multiple_option{max-height: 140px;overflow: auto;}
.reassign_task { margin-right: 10px; display: inline-block; }
.pdf_download1{margin-right: 10px;  display: inline-block;}
.email_report{margin-right: 10px;  display: inline-block;}
.table > tbody > tr > td[data-title="Status"] .label-yellow{margin-right: 10px;}/*Responsive starts here*/


.brand-timeline{margin-top: 30px;}
.brand-timeline > li{ clear: both; float: right;padding-right: 0;margin-bottom: 50px;width: 80%;}
.brand-timeline .modal-body{ max-height: 500px; overflow: auto;}
.timeline:not(.timeline-single) > li.timeline-period + .timeline-item + .timeline-item, .timeline:not(.timeline-single) > li:not(.timeline-period):first-child + .timeline-item {
  margin-top: 0px;
}

.brand-timeline .timeline-dot{left: -8px;width: 16px;height: 16px;top: 5px; background: #5a788d;}
.brand-timeline .timeline-dot::before{ content: ""; width: 24px; height: 24px; display: inline-block; position: absolute;top: -4px; left: -4px;border: 1px solid #5a788d; border-radius: 50%; }
.brand-timeline .timeline-dot.bg-green-500::before{ content: ""; width: 24px; height: 24px; display: inline-block; position: absolute;top: -4px; left: -4px;border: 1px solid #4caf50; border-radius: 50%;}
.brand-timeline .timeline-dot.bg-orange-500::before{ content: ""; width: 24px; height: 24px; display: inline-block; position: absolute;top: -4px; left: -4px;border: 1px solid #ff9800; border-radius: 50%;}
.brand-timeline .timeline-info{float: left;margin-left: -160px; background: transparent; border: none;position: absolute;left: 0;min-width: 130px;text-align: right;}
.brand-timeline .timeline-info .year{ display: block;color: #5A788D;}
.brand-timeline.timeline > li.timeline-reverse{padding-left: 0px;}
.brand-timeline .timeline-reverse .timeline-dot {
  margin-left: 0;
}
.brand-timeline .timeline-content{padding-left: 40px;}
.brand-timeline time{ font-size: 16px; font-weight: 500;text-align: right;}
.brand-timeline time .year{ font-size: 24px; font-weight: 600;}
.brand-timeline.timeline > li:last-child{margin-bottom: 20px;}
.brand-timeline b.head-txt{ font-size: 16px;}
.brand-timeline .timeline-content p{ padding-right: 20px;font-size: 16px;}
.brand-timeline-body{ max-height: 500px; overflow: auto;}
.brand-timeline.timeline::before{left: 20%;top: 6px;background-color: #5a788d;}

#add_details_form .row:first-child{display: flex;}
#edit_details_form .row:first-child{display: flex;}

.sweet-alert .cancel.btn-default{display: inline-block;width: 95px;height: 34px;line-height: 34px;padding-top: 0px;padding-bottom: 0px;font-size: 16px;}
.sweet-alert .confirm.btn-warning{display: inline-block;width: 95px;height: 34px;line-height: 34px;padding-top: 0px;padding-bottom: 0px; margin-left: 10px;font-size: 16px;}

.dropzone .dz-preview .dz-image img{max-width: 100% !important;height: 120px !important;max-height: 100% !important;width: 120px !important;}
.dropzone .dz-preview .dz-image{border: 1px solid rgba(90, 120, 141, 0.4);}

.table-overflow {
	overflow-x: auto;
	max-width: 99%;
	margin-top: 20px;
}

.table-overflow .table.operator-head>thead>tr>th[colspan] {
	position: relative;
	overflow: hidden;
	border: 0 !important;
	background: #f9f9f9;
	padding-top: 15px;
	padding-bottom: 15px;
}

.table-overflow .table.operator-head>thead>tr>th[colspan]::before {
	border-bottom: none !important;
	content: "";
	left: 0px;
	width: calc(100% - 0px);
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	bottom: 0px;
	right: 0;
	margin: auto;
}

.table-overflow .table>tbody>tr>td {
	text-align: center;
	position: relative;
	height: 100px;
}

.table-overflow .table>thead>tr>th:first-child,
.table-overflow .table.operator-head>thead>tr>th:nth-child(2),
.table-overflow .table>tbody>tr>td:first-child,
.table-overflow .table>tbody>tr>td:nth-child(2) {
	text-align: left;
}

.table-overflow .table>thead>tr>th:first-child,
.table-overflow .table>tbody>tr>td:first-child,
.table-overflow .table.operator-head>thead>tr>th:nth-child(2) {transform: none;position: sticky;
left: 0;}

.table-overflow .table.operator-head>thead>tr>th:nth-child(2) .label2-th {
	transform: rotate(270deg);
	left: -22px;
}

.table-overflow .table.operator-head>thead>tr>th {
	text-align: left;
	position: relative;
	height: 120px;
	border-right: 1px solid #e0e0e0;
	transform: rotate(295deg);
}


.table-overflow .table.operator-head>thead>tr:nth-child(2)>th:nth-child(2) {
	background: #f7f7f7;
}

.table-overflow .table-striped>tbody>tr:nth-of-type(2n+1):hover {
	background-color: #f2f2fb;
}

.table-overflow .table-striped>tbody>tr:hover {
	background-color: #f2f2fb;
}

.table-overflow2 .table.operator-head>thead>tr:nth-child(2)>th:nth-child(2) {
	background: #fff;
}

.table-overflow .table-striped>tbody>tr td:first-child {
	padding-left: 0px;
	padding-right: 0px;
	width: 40px;background-color: #d8d8d8;position: sticky;
left: 0;z-index: 9;
}

.table-overflow .table-striped>tbody>tr td:nth-child(2) {
	padding-left: 0px;
	padding-right: 0px;
	width: 40px;background: #f3f3f3;position: sticky;
left: 50px; z-index: 9;
}

.table-overflow .table-striped>tbody>tr td {
	padding-left: 0px;
	padding-right: 0px;
	border-right: 1px solid #e0e0e0;
}

.table-overflow .table.operator-head>thead>tr>th:first-child {
	text-align: left;
	width: 40px;
	padding-left: 0px;
	padding-right: 0px;
	 background: #d8d8d8;transform: none;position: sticky;
left: 0;z-index: 9;
}
.table-overflow .table.operator-head>thead>tr>th:nth-child(2){position: sticky;left: 50px;background: #f3f3f3;z-index: 9;}

.table-overflow .table.operator-head>thead>tr>th:first-child .label2-th {
	transform: rotate(270deg);
	left: -22px;
}


.table-overflow .table-striped>tbody>tr td:nth-child(3) {
	padding-left: 0px;
	padding-right: 0px;
	width: 40px;
}


.td-label {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin-top: auto;
	margin-bottom: auto;
	left: 0px;
	transform: rotate(90deg);
	transform: rotate(270deg);
	height: 20px;
	width: 40px;
}

.td-label2 {
	position: absolute;
	top: auto;
	bottom: 50px;
	margin-top: auto;
	margin-bottom: auto;
	/*transform: rotate(90deg);transform: rotate(270deg);*/
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	left: -10px;
}

.label2-th {
	left: -9px;
	line-height: 14px;
	display: inline-block;
	/*transform: rotate(295deg);*/
}

.label2-td {
	transform: none;
}

.table-overflow .table-striped>tbody>tr:last-child td {
	border-bottom: 1px solid #e0e0e0;
}

.table-overflow .table.operator-head {
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

.table-overflow .table.operator-head>thead>tr>th {
	min-width: 50px;
}

.table-overflow .table-striped > tbody > tr:hover td:first-child {  background-color: #d8d8d8; }
.table-overflow .table-striped > tbody > tr:hover td:first-child::before {content: ""; width: 100%; height: 101%;border-bottom: 1px solid #e0e0e0 !important;border-right: 1px solid #e0e0e0 !important;position: absolute; left: 1px; top: 0px;bottom: 1px;}

.table-overflow .table-striped > tbody > tr:hover td:nth-child(2) { background: #f3f3f3;}

.table-overflow .table-striped > tbody > tr:hover td:nth-child(2)::before {content: ""; width: 100%; height: 101%;border-right: 1px solid #e0e0e0 !important;border-bottom: 1px solid #e0e0e0 !important;position: absolute; left: 1px; top: 0px; bottom: 1px;}


.table-overflow .table.operator-head > thead > tr > th:nth-child(2)::before {content: ""; width: 100%; height: 101%;border-right: 1px solid #e0e0e0 !important;border-bottom: 1px solid #e0e0e0 !important;position: absolute; left: 1px; top: 0px; bottom: 1px;}

.table-overflow .table.operator-head > thead > tr > th:first-child::before {content: ""; width: 100%; height: 101%;border-right: 1px solid #e0e0e0 !important;border-bottom: 1px solid #e0e0e0 !important;position: absolute; left: 1px; top: 0px; bottom: 1px;}
.table-overflow .table-striped > tbody > tr td:first-child::before {content: ""; width: 100%; height: 101%;border-right: 1px solid #e0e0e0 !important;border-bottom: 1px solid #e0e0e0 !important;position: absolute; left: 1px; top: 0px; bottom: 1px;}

.table-overflow .table-striped > tbody > tr td:nth-child(2)::before {content: ""; width: 100%; height: 101%;border-right: 1px solid #e0e0e0 !important;border-bottom: 1px solid #e0e0e0 !important;position: absolute; left: 1px; top: 0px; bottom: 1px;}
.table-overflow tr{ position: relative;}

.table-overflow2 .table.operator-head > thead > tr > th:nth-child(2)::before{content: "";width: 100%;height: 101%;border-right: 1px solid #e0e0e0 !important;border-bottom: 1px solid #e0e0e0 !important;position: absolute;left: 1px;top: -1px;bottom: 1px;}

.table-overflow2 .table.operator-head > thead > tr > th:first-child::before {  content: "";  width: 100%;  height: 101%;  border-right: 1px solid #e0e0e0 !important;  border-bottom: 1px solid #e0e0e0 !important;  position: absolute;  left: 1px;  top: -1px;  bottom: 10px;}
#tbl_plan_details h4 {display: table;margin-left: 15px;margin-right: 15px;padding-top: 30px;}





.subscription-con .terms-text p{font-weight: 400; }
.subscription-con .terms-text p a{font-weight: 500;text-decoration: underline;}
.subscription-con .terms-text p a:hover{font-weight: 500;text-decoration: none;}
.subscription-con .terms-text{ margin-top: 40px;}
.upper-text{font-weight: 300;margin-bottom: 20px;}
.terms-popup{color: #555;}
.terms-popup .panel-group .panel-title{font-weight: 400;font-size: 20px;color: #5a788d;}
.terms-popup .panel{border-bottom: 1px solid #e0e0e0;border-top: none; margin-bottom: 0px;}
.terms-popup .panel-group-continuous .panel + .panel{border-bottom: 1px solid #e0e0e0;border-top: none;}
.terms-popup .panel-group .panel-title[aria-expanded="true"]{color: #000; background: #f9f9f9;}
.terms-popup .panel-group .panel-heading .panel-title{ padding-left: 10px;}
.terms-popup .panel-group .panel-title:hover{color: #5a788d;}
.terms-popup .panel-group .panel-title[aria-expanded="false"]::before {opacity: 1;}

.terms-popup .panel-group-simple .panel-title::after,.terms-popup .panel-group-simple .panel-title::before {   font-size: 24px;right: 10px;}
.terms-popup .panel-group-continuous .panel:last-child {  border-radius: 0;}
.terms-popup .panel-group-simple .panel-title{padding-bottom: 15px;}
.terms-popup .panel-group-simple .panel-collapse .panel-body{ padding-top: 0px;}
.terms-popup .modal-body{ padding: 20px 50px; }

.terms-popup .panel-collapse{ background: #f9f9f9; padding-left: 10px; padding-right: 10px;}
.terms-popup .mr-15{ margin-right: 15px;}
.terms-popup .modal-footer {  padding: 20px 50px;}
.terms-popup .panel-group {  margin-bottom: 0px;}

#brand_departments .select2.select2-container.select2-container--default{max-width: 100%;}
#brand_departments .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{max-width: 100%;}

#reports.row{display:flex;flex-wrap: wrap;}
#reports.row .box-gray{ margin-bottom: 10px;}
#reports.row .widget-new .widget-content{justify-content: inherit;}

#reports.row .padding-20 .row .col-sm-12{padding-bottom: 20px;}
#reports.row .padding-20 .row{display: flex;}
#reports.row .padding-20 .row .box-gray{height:100%;}
#reports .head4{font-size: 16px;line-height: normal;}

.no_data_avail{display: table; margin: auto;min-width: 300px;}
#monthly_report{border-top: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;border-radius: 10px;padding-left: 10px;height: 35px;padding-right: 25px;}
.monthly-report-select .select-custom::after {  right: 9px;}
#monthly_report:focus{border-color: #e0e0e0;}
.btn_save_for_later{background: #dde1e6;}

.btn_save_for_later.focus, .btn_save_for_later:focus, .btn_save_for_later:hover {
    background-color: #dde1e6;
    opacity: 1;
}


.btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color: #dde1e6;
    opacity: 1;
}

.row-dashboard{ display: flex;}

.site-menu-title{max-width: 100% !important;}

#tbl_users{white-space: nowrap;}


@media (min-width:1921px){
 .dashboard-admin{
  max-width:1440px; margin: auto;
 }
}




@media(max-width:1536px){
  .page-login-v2{overflow: hidden;}

  .table-responsive.quotation-table{margin-top: -40px;}
  
   .row-general{ word-wrap: break-word;  }
    
    .page-login-v2::before{background-size: 70% 100% !important;}
}



@media(max-width:1440px){
    .page-register-v2 .page-brand-info {
  margin: 30px 30px 0 30px;
}

    .page-register-v2 form {
  width: 100%;
}
.page-login-v2{overflow: hidden;}
.page-content-inner .col-md-8{width: 100%;}
.page-login-v2 .page-brand-info p{max-width: 80%;}



}

@media(max-width:1280px){
 .top-panel .floating-label2 {font-size: 14px;}
 .top-panel .panel-body{ padding-left: 15px; padding-right: 15px; }
 .top-panel .input-group1 .form-control{font-size: 12px;}
  .top-panel .input-group1 .input-group-addon{padding: 8px 8px;}

.manager-widget div p{font-size: 14px;}
.manager-widget::before{left: -10px;}
.manager-widget div p {  font-size: 12px;}
.page-register-v2 li:last-child{padding-right: 10px;}
    
.page-login-v2::before {
  background-size: 63% 100% !important;
}    
}

@media(max-width:1199px){
    .page-register-v2 form {
  width: 100%;
}
 .page-register-v2 .page-brand-info {
  margin: 30px 0px 0 0px;
}   
.page-login-v2 .page-brand-info p {  max-width: 100%;  margin: auto;}
.page-login-v2 .page-brand-info .brand-text{ margin-left: 0px; }

.page-login-v2 .page-login-main{padding: 100px 60px 150px;}

.oprator p{font-size: 14px;}
.padding-vertical-10.font-size-20{font-size: 14px !important;}

/**/
.modal-dialog.team-member-modal.quotaion-modal{width: 90%;}
/**/

 .top-panel{ display: flex;flex-wrap: wrap;}
 .top-panel .panel{ margin-bottom: 30px; }
 .top-panel .col-lg-6{ width: 100%;  }
  .top-panel .col-lg-3{ width: 100%;  }
  .mid-col .col-lg-6{ width: 50%; }
  .top-panel .panel-body{padding-bottom: 10px;}
  .top-panel-rfp{display: flex;}
   .top-panel-rfp  .col-lg-3{ width: 50%; }
  .top-panel-inner{display: flex;}

  .top-panel2 .panel {
  margin-bottom: 0;
}

.top-header-form2{flex-wrap: wrap; }
.top-header-form2 .form-group {
  margin-bottom: 20px;
}

.page-login-v2 .page-login-main .brand {
  margin-bottom: 30px;
}

.page-login-v2 .page-brand-info {
  margin: 220px 80px 0 90px;
}
.supplier-tabs .panel-body{  padding: 30px 5px;}
.supplier-tabs .radio-btns{height: 40px;}
.supplier-tabs .floating-label2{font-size: 13px;}

#add_details_form .panel-body{padding: 20px 20px;}
.widget-new .oprator div p{width: 150px;}
.dashboard-col-new .oprator div:first-child{max-width: 20%;}
.dashboard-col-new .oprator div:last-child{max-width: 80%;}
.widget-new .head-panel{ line-height: normal; }
.manager-box .head-panel{padding: 10px 10px 0px 10px;}
.manager-box .padding-20{padding: 10px !important;}
.manager-box .padding-20 .col-md-6:first-child{padding-right: 5px !important;}
.manager-box .padding-20 .col-md-6:last-child{padding-left: 5px !important;}
.custom-modal .modal-center.modal-dialog.containment-modal{  height: auto; margin:30px auto; }

.page-register-v2 li p{max-width: 140px !important;}
    
    .page-login-v2::before {
  background-size: 70% 100% !important;
  background-position: -50% !important;
}
}



@media(max-width:1023px){
    .page-content-inner{flex-direction: column; padding-left: 30px;}
    .lnb{ margin-right: 0px;}
}

@media(min-width:768px){
  .pl_0 {
    padding-left: 0;
  }
  .pr_0 {
    padding-right: 0;
  }
  .page-login-v2 .page-content {
    padding-right: 500px;
  }
}
@media(max-width:991px){
    .page-register-v2 .page-brand-info{margin-right: 0px;}
    .page-register-v2 .page-content {
 padding-right: 30px;
}
    .page-register-v2 .page-brand-info > p{color: inherit;opacity: .6;}
    .page-register-v2 .page-register-main{position: relative;width: 100%;padding: 50px 40px 50px; margin-top: 20px;}
    .page-login-v2 .page-brand-info{margin: 160px 0 0 5px;}

    .page-error header h1{font-size: 7em;}
    .page-error{padding-left: 0px;padding-right: 0px;}

    .page-not-found h5 {
  font-size: 30px;
  margin-top: 10px !important;
}

    .page-content-inner .panel-body{ overflow: auto;}

    table.dataTable > tbody > tr.child span.dtr-title{font-weight: 500;}
    .col1-left{width: 50%;}

    /**/
  .quotation-table  table.dataTable th{font-size: 11px;}
  .quotation-table  table.dataTable > tbody > tr.child ul li{font-size: 11px;}
  .dashboard-col .oprator div:last-child{max-width: 100%;}
    /**/

    .top-panel-inner{flex-wrap: wrap;}
  .top-panel-inner .panel-body{ padding-bottom: 30px; }

   .top-panel2 .col-sm-6{ margin-bottom: 30px; }

   .page-login-v2 .page-login-main{padding: 100px 20px 150px;}
   .page-login-v2 .page-content {
  padding-right: 430px;
}

.page-login-v2 .page-brand-info .brand-text{margin: 31px 0 11px 0px;}
.page-login-v2 .page-brand-info .brand-text.font-size-40{font-size: 30px !important;}

.supplier-tabs {
  display: block;padding-top: 0px;
}
.supplier-tabs .nav-tabs.lnb {
  width: 100%;
  min-width: 100%;
}


.supplier-tabs .panel-body{  padding: 30px 30px;}
.supplier-tabs .radio-btns{height: auto;}
.supplier-tabs .floating-label2{font-size: 16px;}

.modal-dialog{max-width: 90%;margin-left: auto;margin-right: auto;}
.custom-modal .modal-lg.modal-dialog{max-width: 95%;margin-top: 30px;}
.modal-center{ height: auto; }

.manager-widget div{ flex-direction: column; }
.manager-widget p.manager-p {  padding-left: 0px;}
.widget-new .oprator div p.manager-p{padding-left: 0px;}
.manager-widget div:last-child  {  padding-left: 0px;}
.manager-widget::before {  left: 0px;}
.manager-widget div p {  font-size: 14px;}
.manager-box .col-sm-12:last-child{margin-top: 20px; }


.manager-box .padding-20 .col-md-6:first-child{padding-right: 15px !important;}
.manager-box .padding-20 .col-md-6:last-child{padding-left: 15px !important;}
.custom-modal .modal-dialog.modal-lg1{ margin-top: 30px; }
.page-register-v2 li{max-width: inherit;}
.page-register-v2 li p{max-width: 170px !important;}
    
    .page-login-v2::before {
  background-size: 98% 100% !important;
  background-position: -180px !important;
}
    
        .scrollable.is-enabled.height-500{height: auto !important; overflow: visible !important;}
    .super-scroll .is-enabled .scrollable-container{overflow-y: visible !important;height: auto !important;}
    
    
    #brand_departments .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{padding-right: 0px;padding-left: 5px;max-width: 100%;}
    
    #reports .col-sm-3 {  width: 33%;}
    #reports .col-sm-12:last-child {  margin-top: 0px;}
    #reports .head4{font-size: 14px;}
    
        .my-plan-content .col-md-12{width: 100%;}

    
}
@media(min-width:992px) and (max-width: 1099px){
  .page-login-v2 .page-brand-info p {
    width: 100%;
    max-width: 100%;
  }
}
@media(min-width:768px) and (max-width: 991px){
  .page-login-v2 .page-brand-info p {
    width: 100%;
  }
  .page-login-v2 .page-brand-info > p {
    opacity: 1;
    color: #fff;
  }
}
@media(max-width:767px){
  .px_0{
    padding-left: 0;
    padding-right: 0;
   }
    .page-register-v2 .page-register-main .brand{margin-top: 20px;margin-bottom: 30px;}
    .font-size-40 {  font-size: 30px !important;}
    .page-register-v2 .page-register-main .brand-img{max-width: 50px;}
    .page-register-v2 ul{margin-bottom: 0px;}
    .font-size-30 {  font-size: 24px !important;}
    
    .page-login-v2 .page-brand-info{margin: 20px 0 0;margin-bottom: 20px;}
    .page-login-v2 .page-login-main{position: relative;padding: 50px 20px 120px;}
    .page-login-v2 .page-brand-info p{max-width: 100%;line-height: normal;}
    .page-login-v2 .page-brand-info .brand-text{margin: 20px 0px 0px 0px;}
    .page-register-v2 .page-brand-info .brand::before{width: 30px; left: -30px;}
    .page-register-v2 .page-brand-info .brand::after{width: 30px; right: -30px;}
    .reset-successful{margin-top: 20px;margin-right: -20px;margin-left: -20px;}
    .reset-successful h2 {  margin-bottom: 30px;font-size: 20px;}
    
    .site-menu-text-center{text-align: left;}
    
    .checkbox-custom.checkbox-inline.ml-20{ margin-left: 0px;margin-bottom: 10px;}
    
    .register-navbar .navbar-right .navbar-brand{width: 100%;padding: 10px 15px 22px 20px;}
    
    .page-header-actions2{margin-top: 30px;justify-content: flex-end;position: static;}
    .signup-banner{ background-size: cover; }
    .page-register-v2 .page-register-main{padding: 20px 20px 20px;}

    .page-error header p{font-size: 24px;}

    .page-not-found .row{display: flex;flex-direction: column-reverse;align-items: center;text-align: center;}
    .page-not-found h5{margin-top: 50px !important;}
    .action-icons a:first-child{ padding-left: 0px; }
    
    .site-footer-actions .btn{ margin-left: 0px; margin-bottom: 10px;width: 100%;}
    .inner-header-address{ margin-bottom: 20px;}
    .inner-header-address .input-group{max-width: 100%;}
    .inner-header-address p {  max-width: 100%;}
    
    .lnb ul li a[aria-expanded="true"] .site-menu-arrow {  transform: rotate(90deg);}
    .template-upload{width: 25%;padding-left: 5px;padding-right: 5px;}
    .file-list{display: flex;padding-left: 10px;}
    .file-wrap .file-action .start{margin-right: 8px;}

    .custom-modal .modal-dialog{margin: auto;margin-top: 20px;}
    #no-more-tables strong{ display: block; }

    .custom-modal{max-width: 90%;margin-left: auto;margin-right: auto;padding-left: 0 !important;}
    .footer-center .btn{margin-bottom: 10px;}
    .list-mar-top{margin-top: 0px;}
    .example-wrap {
  margin-bottom: 30px;
}

/*.inspection-content{ padding-left: 5px; padding-right: 5px;}
.inspection-content .panel-body{ padding: 0px; }
.inspection-table.table.dataTable thead > tr > th{white-space: normal;font-size: 11px; max-width: 50px;padding: 2px;}
.inspection-content .panel-body {  overflow: hidden;}
.inspection-table.table p{max-width: 50px;}
.inspection-table.table {font-size: 11px;}
.inspection-table.table > tbody > tr > td{padding: 2px;}
.inspection-table.table > tbody > tr > td big{font-size: 12px;max-width: 60px;display: inline-block;}
.inspection-table.table > tbody > tr > td small{font-size: 12px;ax-width: 60px;}
.inspection-content h3{ padding: 10px;margin-bottom: 0px; }
.inspection-content h3 + div b{ padding: 10px; display: inline-block; }
.inspection-content .site-footer-actions{padding: 10px;}
.inspection-table.table.dataTable thead > tr > th:first-child{display: none;}
.inspection-table.table > tbody > tr > td:first-child{display: none;}
.inspection-table.table > tbody > tr > td:last-child{border-bottom: 1px solid #e0e0e0;}
.inspection-content .action-icons a:first-child{ padding-right: 0px; }

.attachments-hide{display: nne;}
.md-attachment{font-size: 16px; vertical-align: sub;}*/


.show-content{display: block;}

.inspection-table.table > tbody > tr > td big{font-size: 14px;}
.inspection-table.table > tbody > tr > td small{font-size: 14px;color: #000;}

#btn_brand_logo{display: inline-block;overflow: hidden;text-overflow: ellipsis;width: 69%;vertical-align: middle; white-space: nowrap;}

#no-more-tables td .btn-default{ margin-top: 5px; }

/**/
.row-general{flex-wrap: wrap;}
.row-general .col-sm-6{ width: 33%; }
.row-general-supplier{flex-wrap: wrap;}
.row-general-supplier .col-sm-6{ width: 33%; }
.row-general-rfp{flex-wrap: nowrap;}
.quotation-table td::before{font-size: 12px;}
.quotation-table td{padding-top: 10px !important;padding-bottom: 10px !important;font-size: 12px;}
.page-content-inner{padding: 30px 15px;}
.page-content-inner #no-more-tables td{font-size: 12px;}
.page-content-inner .panel-body{padding-right: 10px;padding-left: 10px;}

  .mid-col .col-lg-6{ width: 100%; }
  .top-panel-rfp {  display: inherit;}
  .top-panel-inner{flex-direction: column;}
  .top-panel-inner .col-xs-6 {  width: 100%;}
  .top-panel-inner .panel-body{padding-bottom: 30px;}
  .page-header2{ padding-left: 15px; padding-right: 15px; }
  .top-panel{flex-direction: column;}
   .top-panel2 .panel-body{padding-bottom: 20px;}
   .top-panel2 .panel-body p{ margin-bottom: 0px; }
   .top-panel2 .col-sm-6 {
  margin-bottom: 20px;
}
.top-panel .col-lg-6.col-xs-6{ width: 50%;word-break: break-word; }

.table-responsive.quotation-table {
  margin-top: 0px;
}

.quotation-table div.dataTables_wrapper div.dataTables_filter input {
  width: auto;
  max-width: 100%;
}

.top-panel-supplier .col-lg-3{width: 100%;}
.top-panel-supplier .mb-20{ margin-bottom: 0px !important; }

.page-header-15{ padding-left: 15px; padding-right: 15px; }
.page-content-15{ padding-left: 15px; padding-right: 15px; }
.mb20 {
  margin-bottom: 0px !important;
}
.pdb20{ padding-bottom: 20px !important; }
.top-panel-supplier .mb20 {
  margin-bottom: 20px !important;
}
.top-panel-supplier2 .col-lg-3{width: 100%;}
.top-panel-supplier2 .col-lg-3:first-child .panel-body{padding-bottom: 20px !important;}

.top-header-form2{flex-wrap: wrap; }
.top-header-form2 .form-group {
  margin-bottom: 20px;
}
/**/
.panel-body-last{ padding-bottom: 20px !important; }


.page-login-v2 .page-content {
  padding-right: 30px;padding-top: 70px;
}
.page-login-v2 .navbar-brand-center{left: 60px;}
.page-register-v2 .navbar-brand-center{left: 60px;}
.page-login-v2 {
  overflow: auto;
}
.page-login-v2 .page-brand-info .brand-img{width: 50px;}
.page-login-v2 .page-brand-info .brand{ display: flex; align-items: center; flex-direction: column;}

.d-table .btn{ margin-top: 10px; }

.tabs-bg{ background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.08);border-radius: 4px;margin-bottom: 30px; }
.supplier-tabs .collapse{padding-bottom: 0px;}
.supplier-tabs a.menubar2{padding: 20px 15px;}

.page-header{margin-bottom: 0px;padding: 20px 15px;display: table;width: 100%;}
.page-header .page-header-actions{position: static; top: 0px;margin-top: 20px;float: right;transform: translateY(0%);}

/*
.site-navbar-small .site-navbar .navbar-toggle.hamburger{ left: 0px; right: auto; margin-left: 0px;}
.site-navbar-small .site-navbar .navbar-toggle{margin-left: 0px;position: absolute;right: 0px;margin-right:  0px;}*/
.site-navbar-small .site-navbar .navbar-toggle[data-target="#site-navbar-search"]{visibility: hidden;}

.site-navbar-small .site-navbar .navbar-toggle[data-target="#site-navbar-collapse"]{right: 0px;position: absolute;margin-right: 0;}
.site-navbar-small .site-navbar .navbar-toggle[data-toggle="menubar"]{margin-left: 0px;}
#no-more-tables tr td:last-child{padding-left: 50% !important;}  
.modal-center{  height: auto !important; }

.assigned-table .page-content{padding: 30px 15px;}
.panel-body.assigned-table{padding-left: 10px;padding-right: 10px;}

.modal-dialog{max-width: 100%;}

td.action-icons{padding-left: 50% !important;}

.date-table{ text-align: left; }
.dashboard-col-new .oprator div:last-child p{min-height: 13px;}
.monthly-report-select{margin-bottom: 0px;}
.progress-bar{padding-top: 1px;}

.manager-box .head-panel {
  padding: 20px 10px 10px 10px;
}
.manager-box .padding-20 {
  padding: 20px !important;
}
.date-table2{padding-left: 0px;}
.date-table3{padding-left: 0px;}

.supplier-dashboard p{margin-bottom: 15px;}

.page-content3{padding: 30px 15px;}
.widget-new .padding-20{ padding: 10px !important; }
.operator-head  td::before{font-size: 12px;line-height: normal;}
.operator-col-new  {
  padding: 20px 10px !important;
}
/*.operator-col-new td{padding-top: 8px !important;padding-bottom: 8px !important;}*/
.monthly-report-select span{margin-right: 0px;padding-left: 10px;}
.supplier-dashboard{display: flex;flex-wrap: wrap;}
#no-more-tables td{ min-height: 25px; }

#no-more-tables td.hidden-xs1{display: none !important;}
tr.total-td{display: table !important;width: 100%;}
tr.total-td td{padding-left: 0%  !important; width: 100% !important; display: flex !important; padding-top: 0px !important;padding-bottom: 0px !important;}
.total-td2{display: flex !important;align-items: center; }
.total-td2 b{display: block;font-weight: 400 !important;}

.total-td2 div:first-child{width: 50%;padding-top: 0px;padding-bottom:  0px; color: #000; padding-left: 0px;}
.total-td2 div:first-child b{ margin-bottom: 0px; padding-left: 5px; margin-top:0px;padding-top:  5px;padding-bottom:  5px; }
.total-td2 div:first-child b:last-child{ margin-bottom: 0px;  padding-top:  5px;padding-bottom:  5px;padding-left: 5px; }
.total-td2 div:last-child{width: 50%; padding-left:  10px; padding-top: 5px;padding-bottom:  5px; }
.total-td2{position: relative;}
.total-td2::before{content: ""; position: absolute;left: 0px; right: 0px; width: 1px; height: 100%; background:#ccc;margin: auto; }

.total-td { padding-left: 0px  !important}
.list-download li{ margin-bottom: 10px; }

.page-login-v2 .brand-img{max-width: 150px;}
.site-navbar .navbar-header .navbar-brand-logo {  height: 35px;}
.page-register-v2 li p {
  max-width: 100% !important;
}
.page-register-v2 li{ width: 50%; }
    
    .page-login-v2::before {
  background-size: 100% 100% !important;
  background-position: 0px !important;
}
    
    .page-login-v2.supplier-success .page-content img{ max-width: 150px;}
    .page-login-v2.supplier-success .page-content img.mb-30{ margin-bottom: 0px;}
    .page-login-v2.supplier-success .page-content h2{font-size: 22px;}


/**/
    .storage{margin-top: 15px;}
    .page-content{ padding-left: 15px; padding-right: 15px; }
    .brand-header{ display: flex;align-items: flex-start;flex-direction: column;}

    .super-header{ flex-direction: column; align-items: flex-start; width: 100%;}
    .super-right{width: 100%;justify-content: space-between;align-items: center;}
    .super-right .page-header-actions{margin: inherit;}
    
        .header-sticky thead{position: inherit; top: 0;}
.header-sticky table{ width: inherit;}
.header-sticky table tbody,.header-sticky table thead,.header-sticky table thead td {    display: inherit;}
.header-sticky table tbody {   overflow: inherit;   height: auto;max-height: 100%;}
.header-sticky table thead th,.header-sticky table tr td { min-width: inherit;width: inherit;}
    /**/
    
    #no-more-tables tr td.dataTables_empty{text-align: center; padding-left: 0px !important;padding-bottom: 10px !important;}



    #brand_departments .select2-container--default{max-width: 100%;margin-top: 10px;margin-bottom: 10px;width: 100% !important;}
#no-more-tables tr td.child{padding-left: 0px !important;}
#no-more-tables tr.child{padding-left: 6px !important;padding-right: 0px !important;}

table.dataTable > tbody > tr.child ul{width:100%;}
table.dataTable > tbody > tr.child ul li{display: flex;}
table.dataTable > tbody > tr.child span.dtr-title{width: 50%;font-weight: 400;color: #000;}
table.dataTable > tbody > tr.child span.dtr-data{width: 50%;word-wrap: break-word;}


#space_details{float: left;width: 100%;}

.brand-timeline .timeline-dot {
  left: -8px;margin-left: 0px;
}
.brand-timeline .timeline-content {
  padding-left: 0px;
}
.brand-timeline.timeline > li.timeline-reverse {
  padding-left: 40px;
}
    .brand-timeline .timeline-info{min-width: 100%;text-align: left;padding-left: 0px; position: relative; margin-left: 0px;}
    .brand-timeline .timeline-info .year{text-align: left;}
    .brand-timeline{margin-left: 0px;}
    .brand-timeline > li{width: 90%;}
    .brand-timeline.timeline::before {  left: 10%;}
    .brand-timeline .timeline-content p {  padding-right: 0px;}
    
    
    #add_details_form .row:first-child{flex-direction: column;}
    #edit_details_form .row:first-child{flex-direction: column;}
    .table-overflow2 .nav-tabs > li > a{padding: 10px 10px;}    
    #brand_departments .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{padding-right: 15px;padding-left: 15px;}
    
    

    
    #reports.row{display:inherit;}
    
    .scrollable-vertical.is-enabled .scrollable-container{height: auto !important;}
    
    .site-menu-category{padding: 0px 15px;}
    .site-menu > .site-menu-item > a{padding: 0px 15px;}
    .site-menu-icon {  margin-right: 5px;}
    .site-menu-sub .site-menu-item > a{padding: 0 30px;}
    .site-menu-title:first-child {  margin-left: 10px;}
    .site-menu-scroll-wrap.is-list{width: 100% !important;}
    
    #reports.row .padding-20 .row .col-sm-12{width: 50%;}
    #reports .col-sm-3 {  width: 100%;}
    
.dynamic_head_section{flex-direction: column;}
.dynamic_head_section .col-md-3{flex-direction: column;width: 100%;max-width: 100% !important;padding-bottom: 15px;}
.dynamic_head_section .col-md-6{flex-direction: column;width: 100%;max-width: 100% !important;}

.dynamic_head_section > div{margin: 0px !important ;}

.dynamic_head_section .panel-body{padding: 30px 15px !important;}
    
.request_department div{width:100% !important;}
.request_department .select-custom{width:100% !important;}
.request_department td:last-child{vertical-align: bottom;}
    
    .page-register-main .text-center{display: flex;flex-direction: column-reverse;}
    .page-register-main #btnback{ margin-top: 0px;}
    
    .row-dashboard{ display: inherit;}
    #monthly_report{width: 105px;padding-left: 5px;}
    .head-panel2{padding-left: 0px;}
    
    .monthly-report-select select{width: 105px;padding-left: 5px;}
    
    #mdlViewDetails .modal-body{padding: 15px 15px;}
#mdlViewDetails .modal-header{padding-left: 15px;}
.list-download{justify-content: space-between;}
.list-download li{margin-right: 0px;}

    .my-plan-list ul{max-width: 100%;}
    
    .col-12{padding-left: 15px; padding-right: 15px;}
    .view_details{margin-left: 0px !important; margin-top: 5px; }
}
@media(max-width:575px){    
  .page-register-v2 ul { }
  .page-register-v2 ul li { width: 50%; margin-bottom: 30px;}
  .terms-popup .modal-footer .col-md-12{width: 100%; display: flex; flex-direction:column-reverse;}    
  .terms-popup .modal-footer .btn-default{margin-top: 15px;}
}

@media(max-width:499px){   
  .super-right{flex-direction: column;align-items: inherit;}
  .super-right .page-header-actions{width: 100%;margin-top: 20px;}
  }

@media(max-width:447px){ 
.action-inline + .btn-primary.action-btn{margin-top: 5px;}
}
@media(max-width:399px){    
  .page-header-actions2 select {
    max-width: 150px;
    width: 150px;
  }

  .widget-new .oprator div p {
  width: 120px;
}
  .super-right .storage-text{ margin-right: 10px; margin-bottom: 0px;min-width: 100px; }
  .super-right .storage{flex-direction: inherit;width: 100%;}

  .storage-progress .progress {
  width: 100%;
}
}

@media(max-width:440px){  
    .brand-header{ display: inherit;}
    
  }


@media(max-width:320px){  
  .storage{flex-direction: column;}
  .storage-progress .progress{width: 100%;}
  .storage-text{margin-bottom: 15px;}


}





.modal-dialog.team-member-modal{
 text-align:left;
 width:50%;
}
.table-heading{
    background: #36459b;
    color: #fff;
    padding: 8px 16px;
}
.panel .page-header{
 padding-bottom: 0;
}
.custom-modal .form-material textarea{
 height: auto;
 padding: 12px;
}
.thumbnail-img img{
 width: 120px;
}
.add-picture img{
 width:66px;
}
.add-picture{
  border: 1px solid #e0e0e0;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.thumbnail-img span img{
  width: 81px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.eff-wrap table td {
    max-width: 350px;
}
/*.table>thead>tr>th{
 padding-left: 25px !important;
}
.table > tbody > tr > td{
  padding: 15px;
}*/
/*table thead th:after{
  left: 12px;
}
table thead th:before{
  left:7px;
}*/
table th{
 white-space: nowrap;
}
/*
#DataTables_Table_0_filter input[type="search"], #DataTables_Table_1_filter input[type="search"]{
 display: nne;
}*/
.without-search #DataTables_Table_0_wrapper input[type="search"] {
 display: none;
}
.badge.up{
  top: 0px;
  margin: 0;
  left: -4px;
}
.navbar-toggle .icon{
 font-size: 23px;
}
.lnb ul li.active{
  background-color: rgba(90, 120, 141, .20);
}
.panel-body ol{
 padding-left: 10px;
}
h5.text-bold{font-weight: 500 !important;margin-bottom: 5px;}

.header-table{ display: flex;justify-content: space-between; }

h5.text-bold a, h5.text-bold span{font-weight: 100 !important;}

.bottom-col .table > tbody > tr > td{border-top: none;border-bottom:  1px solid #e0e0e0;}
.bottom-col .table > tbody > tr:last-child > td{border-top: none;border-bottom: none;}
.bottom-col a{text-decoration: underline;}
.bottom-col a:hover{text-decoration: none;}
.bottom-col .panel{ padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px; }
.w-100{width: 100% !important;}
.form-material .input-group .input-group-addon{background-color: #eee;border: 1px solid #e0e0e0; border-left:none; }
.form-material .input-group .form-control:focus{border-radius: 10px 0px 0px 10px; }
.input-group1{ display: flex;position: relative;  }
.input-group1 .input-group-addon{width: 41.5px;border-left: 1px solid #e0e0e0 !important;height: 34px;line-height: normal;padding-top: 9px;border-radius: 0px 10px 10px 0px;}
.input-group1 .form-control{ border-right: 0px !important;  }
.label-danger{padding-top: 4px;}
.lnb{width: 250px;}


/*New css*/
.edit-img{
 position: relative;
}
.edit-img img {
    width: 60px;
    height: 60px;
}
.edit-img i {
    position: absolute;
    bottom: -4px;
    left: 49px;
    background: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
    font-size: 12px;
}
.row.top-img-icon {
    margin-bottom: 36px;
}
.top-img-icon h5{
 margin-top: 30px;
}
.top-header-form .form-material .form-control, .top-header-form .form-material select.form-control{
 background-color:  #fff;
}
.rfp-page{
 padding-right: 0;
}
.rfp-content-form textarea {
    height: auto !important;
    padding: 20px !important;
}
.label-left{
 margin-top:5px;
}
.rfp-content-form .add-picture{
 padding: 27px;
}

 .row-equal{ display: flex; }
 .panel-body2{ padding-bottom: 15px; }

 .table > tbody > tr > td[data-title="action"]{ white-space: nowrap; }  
  .table > tbody > tr > td[data-title="Status"]{ white-space: nowrap; }  
/*New css*/





/*Responsive starts here*/
@media (max-width:1536px){
  .input-group1{z-index: 9;}

    .rfp-content-form .add-picture {
  padding: 19px;
}
  }

@media (min-width:1350px){
 .thumbnail-img{
  min-width:270px;
 }
}
@media (max-width:1199px){
 .page-content-inner .panel {
    overflow-x: scroll;
}
}
@media (min-width:992px){
  td.action-icons{
  padding-left: 0px !important;text-align: left;
}
}
@media (max-width:991px){
  .page-content-inner{
  display: block;
 }
 .modal-header h2{
  font-size: 20px;
 }
 #no-more-tables tr {
    border: 1px solid #ccc;
}
.table-responsive table.dataTable{
  border-collapse: collapse !important;
}
.lnb{
 margin-right:0;width: 100%;
}
  .page-content{
  /*padding:0;*/
  }
.thumbnail-img.text-center {
    text-align: left !important;
}


.oprator div{width: auto;}
.row-equal {
  display: inherit;
}

.dashboard-col-new .oprator div:first-child {
  max-width: inherit;
  padding-left: 10px;
  padding-right: 10px;
}
    

}






@media (max-width:767px){
 .page-content{
  /*padding:0;*/
 }
 .table-responsive{
  border:0;
 }
 #no-more-tables td:before{
   white-space: normal !important;line-height: normal;
 }
 div.dataTables_wrapper div.dataTables_paginate{
  text-align: right !important;
 }

.oprator div:last-child {
  padding-left: 10px;
}
.dashboard-col .oprator div:last-child {
  max-width: 170px;
}

}

@media(max-width:575px){
  .thumbnail-img img {
    width: 100%;
}
.add-btn{
 margin-top:20px;
}

.modal-dialog.team-member-modal{
width: 90%;
}
}
@media (max-width:480px){
 .btn-primary1,  .btn-primary1.margin-left-10{
 min-width: 100%;
 width: 100%;
 margin-left: 0 !important;
 }
}

.required {
    color:  #f44336 !important;
}
.action-icons {
    white-space: nowrap;
}
.center-text{
    text-align: center;
}

.checkbox-table td{
  padding-left: 10px !important; 
 }
 .checkbox-text p {
   margin-top: 17px;
   margin-bottom: 0;
 }
 .others-table table th, .others-table table td {
   white-space: normal !important;
 }
 .others-table table tr:first-child td {
   border-top: 0;
 }
 .others-table table .table-pl{
  padding-left: 8px !important;
 }
 .others-table table th{
   border:1px solid #e0e0e0 !important;
   vertical-align: middle !important;
 }
 .checkbox-text p {
   max-width: 100%;
 }
 .head1 span.tooltip-top i {
   margin-top: 8px;
 }
 .major-issues-table table td{
  white-space: normal !important;
  border-right: 1px solid #e0e0e0;
 }
 .major-issues-table table tr td:first-child {
   border-left: 1px solid #e0e0e0;
 }
 .major-issues-table table tr:last-child td{
   border-bottom: 1px solid #e0e0e0;
 }
 .others-table table th.b-right0, .others-table table td.b-right0 {
   border-right: 0 !important;
 }
 .others-table table th.b-bottom0 {
   border-bottom: 0 !important;
 }
 .top-panel-supplier-action{ margin-top: 20px; }      
@media screen and (min-width: 992px) {
  .top-panel-supplier-action{ display: flex; margin-bottom: -20px; }      
}
@media screen and (max-width: 479px) {
  .supplier-action-four-box {
    width: 100%;
  }
}
  
.label-yellow {
  background-color: #FFD600;
}








/*-- Subscription page CSS Start --*/
.subscription-con{
  padding-top: 80px;
  padding-bottom: 100px;
  text-align: center;
}

.subscription-con h1{
  margin-top: 0;
  margin-bottom: 6px;
  font-weight: 500;
  line-height: 42px;
  color: #333333;
}
.subscription-con + .site-footer{color: #555;}

.subscription-con h1 + p{font-weight: 400;}
.subscription-con p{
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: #757575;
}

.subs-plans{
  margin-top: 38px;
}

.subs-plan-tittle{
  display: flex;
  align-items: center;
  height: 78px;
  position: relative;
}
.subs-plan-tittle p{
  font-size: 18px;font-weight: 400; line-height: normal;
}
.subs-plan-text .p-text{ text-align: left; margin-top: 10px; }

.subs-plan-text{
  margin: 0 46px 0 26px;
}

.subs-plan-text h5{
  margin-top: 0;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
  text-align: left;
  max-width: 99%;
  margin-bottom: 0px;
}

.border-shade-blue{
  width: 60px;
  height: 1px;
  /*border: 1px solid #5A788D;*/
  transform: rotate(90deg);
  background: #5A788D;
}

.subs-plan-card{
  margin-top: 65px;display: flex;
}

.plan-card{
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px 10px 46px 10px;
  transition: 0.6s;height: 100%;
}

.plan-card:hover{
  transform: scale(1.1);
  cursor: pointer;
  box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.3);
}

.bg-light-blue{
  background: #5A788D;
}

.bg-purple{
  background: #7C89DF;
}

.bg-shade-green{
  background: #66DA6A;
}

.plan-card-header{
  padding-top: 5px;
  padding-bottom: 10px;
  width: 100%;
  border-radius: 8px;
    text-align: center;
}

.plan-card-header h4{
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 6px;
}

.plan-card .pricing{
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;color: #fff;
}
.plan-card .pricing small{
  font-weight: 400; font-size: 20px;color: #fff;
  }


.plan-card-con{
  min-height: 335px;
  margin-top: 37px;
  padding-left: 22px;
  text-align: left;
}
.plan-card-con ul{ 
    padding-left: 0px;
}

.plan-card-con li{
  padding: 0;
  max-width: 100% !important;
  font-weight: 400;
  font-size: 18px !important;
  line-height: 30px;
  color: #757575;
  margin-bottom: 12px;
  position: relative;
  padding-left: 30px;
    list-style: none;
}

.plan-card-con li:first-child{padding-left: 30px;}
.plan-card:hover .plan-card-con li{
  color: #000000;
}

.plan-card-con li::before{
  content: url("../../assets/images/CheckCircleGreen.svg"); 
  width: 18px;
  margin-right: 12px;
  position: absolute;
  top: 3px;
  left: 0;
    height: 18px;
    
}

.sub-text{
  font-weight: 700;
}

.btn-select{
  width: 115px;
  height: 38px;
  border: 1px solid #000000;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  padding: 8px;
    display: table;
margin: auto;
}

.plan-card:hover .btn-select, .plan-card:hover .btn{
  color: #ffffff;
  background-color: #000000;
}

@media screen and (max-width: 1200px) {
  .subs-plan-tittle {
    height: 155px;
  }

  .plan-card-con {
    min-height: 350px;
  }

  .subs-plan-text {
  margin: 0 6px 0 26px;
}
}

@media screen and (max-width: 992px) {
  .subscription-con {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .border-shade-blue {
    display: none;
  }

  .subs-plan-tittle {
    height: unset;
    margin-bottom: 10px;
  }

  .subs-plan-card {
    margin-top: 30px;
  }

  .plan-card {
    margin-bottom: 20px;
  } 
  .subs-plan-text h5{max-width: 100%;}
  .subs-plan-text .p-text{margin-bottom: 0px;}
  .plan-card-con {
  min-height: 0;
}
    
    .subs-plan-card{ display: inherit;}
}

@media (max-width: 767px){
  .subs-plans .col-md-4:last-child .subs-plan-tittle{ align-items:flex-start; }
  .subs-plan-tittle{margin-bottom: 20px;}
}


@media (max-width: 575px){
  .subs-plan-text {
    margin: 0 10px 0 15px;
  }

  .plan-card-con ul li {
      width: 100% !important; 
      margin-bottom: 10px !important;
  }
}
/*-- My-Plan css Start --*/
.mt-34{
  margin-top: 34px;
}

.my-plan{
  padding-top: 34px;
  min-height: -webkit-calc(100% - 110px);
  min-height: calc(100% - 110px);
  position: relative;
}

.my-plan-content h3{
  font-weight: 400;
  font-size: 26px;
  line-height: 30px;
  color: #424242;
  margin-bottom: 0;
  margin-top: 0px;
}

.mp-card{
  min-height: 350px;
  padding: 10px 10px 30px 10px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-bottom: 20px;
}

.price-card{
  max-width: 296px;
  padding: 17px;
  background: #5A788D;
  border-radius: 8px;
  text-align: center;
}
.price-card .pricing{
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;color: #fff;
}
.price-card .pricing small{
  font-weight: 400; font-size: 20px;
  }

.price-card h4{
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0;
}

.my-plan-list ul{
  margin: 30px 0;
  list-style: none;
  padding-left: 0px;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #757575;
}

.my-plan-list li{
  margin-left: 10px;
  max-width: 100%;
  padding-left: 30px;    margin-bottom: 15px;    font-size: 16px !important;position: relative;
}

.my-plan-list li::before{
  content: url("../../assets/images/CheckCircleGreen.svg"); 
  width: 18px;
  margin-right: 12px;
  position: absolute;
  top: 3px;
  left: 0;
    height: 18px;
}
.my-plan-list .btn-primary.default-btn{float: right;margin-right: 10px;}
.my-plan-content .row{ display: flex;width: 100%;}
.my-plan-content .mp-card{ height: 100%;text-align: left;display: flex;flex-direction: column;justify-content: center;width: 100%; }
.upgrade-btn{display: table;margin-left: auto;margin-right: auto;}
.cancel-btn{
  border: 1px solid #5A788D;
  padding: 9px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-left: 10px;
}

.cancel-btn:hover .closs-icon, .cancel-btn:focus .closs-icon{
  filter:  brightness(0) invert(1);
}

.mp-card h2{
  margin: 0px auto 28px;
  font-weight: 400;
  font-size: 32px;
  line-height: 43px;
  text-align: center;
  color: #5A788D;
  max-width: 298px;
}

.upgrade-btn{
  background: #4CAF50;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 10px 26px;
}

.upgrade-btn:hover, .upgrade-btn:focus{
  background: #66bb6a;
  color:#ffffff;
}

.page-register-v2 footer{ color: #555;}

.modal .plan-card:hover{transform:none;}
.modal-plan{ display: flex; justify-content: center;}
.upgrade-plan{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.upgrade-plan h2{ margin-top: 0px;}

@media (min-width: 1600px){
  .my-plan .container {
      width: 1200px;
  }
}

@media (max-width:1200px){
  .my-plan-list .col-xs-6{
    padding: 0;
  }

  .my-plan-list ul {
    padding-left: 8px;
  }
}

@media (max-width:992px){
  .price-card {
    max-width: 100%;
  }
}

@media (max-width:767px){
  .my-plan{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .price-card {
    margin-bottom: 20px;
  }

  .my-plan-list ul{
    margin: 0;
    padding-left: 0;
  }

  .my-plan-list ul li{
    width: 100%;
  }


  .cancel-btn{
    margin-top: 10px;
  }
    .my-plan-list ul {
    padding-left: 15px;max-width: 100%;
  }
    .my-plan-list ul + .btn-primary.default-btn{ float: none;display: table;margin-left: auto;margin-right: auto;}
    
    .modal-plan{ display: inherit; }
    .modal-plan .plan-card-con{ padding-left: 5px; }
    
    .my-plan-content .row {
  display: inherit;width: inherit;
}
}

@media (max-width: 575px){
  .my-plan-list ul li {
    margin-bottom: 10px;
  }
}

@media (max-width: 450px){
  .col-xs-6{
    width: 100%;
  }
}
/*-- My-Plan css End --*/