html,
body {
    height: 100%;
    color: #58666e !important;
}

/* by @saurabh on 23-jan-2018*/
.SheetUploadNotesBox {
    background: #f6f6f6;
    padding: 10px;
    margin-bottom: 15px;
}
.LogOutForm button{
    padding:0px!important;
    margin:0px!important;
    border-width:0px!important;
    color:#23B7E5 !important;
}
/*-----------------------*/
.light-gray{
    color: gray;
}
.registration-box {
    margin-top: 30px !important;
}

a,.btn {
	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
}
.btn{ color:#fff!important;}
.btn.btn-default{ color:#58666e !important}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
#tableInfo .table tr th:nth-child(5){width:20%;}
#tableInfo .table tr th:nth-child(6){width:20%;}
#tableInfo .table tr td:nth-child(5){width:20%;}
#tableInfo .table tr td:nth-child(6){width:20%;}
.table tr td {word-break:break-all;}
.td-wdth.table tr td {
    word-break: inherit !important;
    width: 1px;
}

form div.required label.control-label:after {
  content:" * ";
  color:red;
}

/* added by @Saurabh on 18-may-2107 */

.x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease
}
.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px
}
.x_title .filter {
    width: 40%;
    float: right
}
.x_title h2 {
    margin: 5px 0 6px;
    float: left;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.x_title h2 small {
    margin-left: 10px
}
.x_title span {
    color: #BDBDBD
}
.x_content {
    padding: 0 5px 6px;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 5px
}
.x_content h4 {
     font-size: 16px;
     font-weight: 500
}
.vertical-middle tr td, .vertical-middle tr th {
    vertical-align: middle!important;
}
/*==============Header/Sidebar Style==================*/
.skin-blue .main-header .navbar, .skin-blue .main-header .logo {
    background-color: #ffffff !important;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #33556d !important;
}
.skin-blue .sidebar a {
    color: #adc8db !important;
}
.skin-blue .sidebar-menu > li > a {
	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    background: #2E4C62 !important;
    border-left-color: #23b7e5 !important;
    color: #fff !important;
}
.skin-blue .sidebar-menu > li.header {
    background: transparent !important;
    color: #7793a7 !important;
}
.skin-blue.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu li a {
    padding: 10px 5px 10px 20px !important;
}
.skin-blue.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu li a svg {
    margin-right: 5px;
}
.user-panel > .info > p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 9px;
	margin-top: 11px;
}
.sidebar-menu li a svg {
    margin-right: 10px;
    vertical-align: middle;
    width: 18px;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #2E4C62 !important;
	padding: 0;
}
.skin-blue .sidebar-menu > li > .treeview-menu li a {
	padding: 10px 5px 10px 50px;
}
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
/*============Content Wrapper Style======================*/
.content {
    min-height: 450px !important;
    padding: 0 15px !important;
}
.headings-panel:after{clear:both; display:block; content:"";}
.headings-panel {
    background-color: #f6f8f8;
    border-bottom: 1px solid #dee5e7;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}


.headings-panel h1 {
    font-size: 24px;
    font-weight: lighter;
    margin: 7px;
    float: left;
}
.content_pad {
    padding: 15px;
}
label {
    color: #33556d;
    display: block !important;
    font-weight: 600 !important;
}
/*Search Form Style*/
.selectBox::before {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    right: 6px;
    top: 5px;
}
.selectBox {
    display: inline-block;
    margin-right: 2px;
    min-width: 110px;
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    vertical-align: top;
}
.mbfg0 .form-group {
    margin-bottom: 0;
}
.mbfg0 > span {
    color: #666666;
    font-size: 12px;
    position: relative;
    top: -9px;
}
.selectBox select {
	appearance: none;
	-webkit-appearance: none;
    -moz-appearance: none;
}
.form-control {
    border-color: #cfdadd !important;
    border-radius: 2px !important;
}
.form-control:focus {
    border-color: #23b7e5!important;
    box-shadow: none!important;
}
.btn-primary {border:0;
	box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1) !important;
	color:#fff!important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #fff;
}
.btn-default {
    background-color: #fff !important;
    border-color: #dee5e7 #dee5e7 #d8e1e3 !important;
    color: #58666e !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #edf1f2 !important;
    border-color: #c7d3d6!important;
    color: #58666e!important;
}
.btn-success {
    background-color: #27c24c!important;
    border-color: #27c24c!important;
    color: #fff!important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #23ad44!important;
    border-color: #20a03f!important;
    color: #fff!important;
}
.btn-info {
    background-color: #7266ba!important;
    border-color: #7266ba!important;
    color: #fff!important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #6254b2!important;
    border-color: #5a4daa!important;
    color: #fff!important;
}

.table thead tr th a{color:#58666e !important;}
.table thead tr th a {
    color: #58666e;
    font-weight: 600;
}
.spinner {
    background-color: rgba(255, 255, 255, 0.9);
    height: 100vh;
    left: 0;
    padding-top: 15%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.overflow-hdn{overflow: hidden !important;}
/*.content_pad .content_pad {
    padding: 15px 0;
}*/
.mr5 {
    margin-right: 5px;
}
.req_err_span{
    color:red;
    font-weight: 400px;
}
.main-header .logo .logo-lg {
    display: block;
    vertical-align: middle;
    line-height: 45px;
    float: left;
}
.btn-right{ text-align:left;}
.create-campaign form label {
    text-align: right;
}
.sub-title h2 {
    font-size: 20px;
    line-height: 23px;
}
.sub-title1 h2 {
    float: none;
    position: relative;
    line-height: 34px;
}
#AddNote {
    position: absolute;
    right: 0;
    top: 0;
}
.box-form .form-group {
    margin-bottom: 0px;
}
.butn-right{text-align: right;}
.box-form label {
    text-align: right;
}
#customer-unique_field label {
    text-align: left;
    float: left;
    margin-right: 15px;
	margin-top: -10px;
}
ul.pagination {
    float: right;
    margin-top: 0;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ color:#ffffff !important;background-color: #23B7E5;border-color: #23B7E5;}
.table .skip-export a {
    display: inline-block;
    margin-right: 3px;
}
.skip-export {
    width: 70px !important;
}
/*Action Icon Color*/
.glyphicon.glyphicon-trash {
    color: #f05050;
}
.glyphicon.glyphicon-pencil {
    color: #7266ba;
}
.glyphicon.disabled {
    color: gray!important;
}
.glyphicon.disabled {
    color: gray!important;
}
.summary {
    margin-bottom: 5px;
}
.samp-lead {
    margin-top: -5px;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    font-weight: 600;
}
.campaign_details label, .update-campaign label {
    text-align: right !important;
}
.b-bottom .form-group {
    border-bottom: 1px dashed rgba(35,183,229,0.3);
	margin-bottom: 5px;
}
.b-bottom{
    padding-left: 30px;
}
.b-bottom:nth-child(even) {
    padding-right: 30px;
}
.skip-export {
    min-width: 80px !important;
}
.x_panel .x_panel {
    border: none;
	padding-top: 0;
}
/*.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ width:100% !important}*/
.account-view .table-bordered > thead > tr > th, .account-view .table-bordered > tbody > tr > th, .account-view .table-bordered > tfoot > tr > th, .account-view .table-bordered > thead > tr > td, .account-view .table-bordered > tbody > tr > td, .account-view .table-bordered > tfoot > tr > td
{ width:auto !important;}
.help-block {
    text-align: left;
}
.lead-contact-details .row {
    border-bottom: 1px dashed rgba(35,183,229,0.3);
    line-height: 30px;
    vertical-align: middle;
}
.lead-contact-details label {
    margin-bottom: 0;
	text-align:right;
}
.action-column {
    min-width: 80px !important;
}
.actionBtn a {
    margin-right: 5px;
}
/******Checkbox Design******/
.checkbox input[type="checkbox"]{padding-left: 16px; appearance:none;
-moz-appearance:none;-webkit-appearance:none; position:relative;}
.checkbox input[type="checkbox"]:focus{ outline:none !important;}
.checkbox input[type="checkbox"]:before {
    width: 15px;
    height: 15px;
    border: 1px solid #bbb;
    position: absolute;
    top: -12px;
    left: -3px;
	content:"";
	border-radius:2px;
}
.checkbox input[type="checkbox"]:checked {
    position: relative;
}
.checkbox input[type="checkbox"]:checked::before {
    position: absolute;
	content: "\f3fd";
	font-family: "Ionicons";
	font-size: 23px;
	color: #ffffff;
	top: -12px;
	left: -3px;
	background-color: #bbb;
	height: 15px;
	width: 15px;
	line-height: 13px;
	text-align: center;
}
/* text color */
.text-primary {color: #19a9d5;}
.text-info{color: #23b7e5;}
.text-purple{ color:#7266ba;}
.text-red{ color:#f05050;}
.text-green{color:#27c24c;}

/*==========17-08-2017===========*/
#create-form .form-group {
    margin-bottom: 0px !important;
}
#create-form {
    padding: 15px 0;
}
#customer-unique_field {
    margin-bottom: 10px;
}
#customer-unique_field + .help-block {
    clear: both !important;
}
.btn.btn-information {
    background-color: transparent;
    color: #7266ba !important;
    font-size: 18px;
    padding: 0 1px;
}
.btn.btn-information:focus {outline:none;}
/*===========05-09-2017==================*/
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #f4f4f4;
    white-space: nowrap;
}
/*============04/10/2017================*/
#login-form, .user-profile-form form, #conver-lead-form {
    padding: 15px 0 0;
}
.x_panel.form-md {
    max-width: 100% !important;
    margin: 0 auto 10px;
    display: block;
    width: 600px;
}
.tableAccessControl.table thead tr th:nth-child(4), .tableAccessControl.table tbody tr td:nth-child(4){ width:40%;}
.tableRoles.table thead tr th:nth-child(4), .tableRoles.table tbody tr td:nth-child(4){ width:35%;}
.tableRoles.table thead tr th:nth-child(2), .tableRoles.table tbody tr td:nth-child(2){ width:20%;}
.tablePermissions.table thead tr th:nth-child(2), .tablePermissions.table tbody tr td:nth-child(2){ width:30%;}
.tableMngRole.table thead tr th:nth-child(3), .tableMngRole.table tbody tr td:nth-child(3){ width:15%;}
.field-user-notify_user .checkbox input[type=checkbox], .field-user-notify_user .checkbox-inline input[type=checkbox], .field-user-notify_user .radio input[type=radio], .field-user-notify_user .radio-inline input[type=radio] {
    margin-left: 0px;
}
.field-user-notify_user .checkbox input[type="checkbox"]:before {
    top: -20px;
    left: 0px;
}
.field-user-notify_user .checkbox input[type="checkbox"]:checked::before {
    top: -20px;
    left: 0px;
}
p.create_dates {
    color: #999999;
	margin-bottom: 5px;

}
.create_dates i {
    font-size: 6px;
    margin: 0 8px;
    vertical-align: middle;
}
.note h4{ font-weight:bold !important;margin-bottom: 5px;}








/********************************************/
.resetbutton.buttondesign {
    background: #e4e4e4 !important;
    line-height: 24px;
    margin-left: 7px;
}
.resetbutton.buttondesign:hover{ background:rgba(228, 228, 228, 0.7) !important;}

.buttondesign, .buttondesin {
    padding: 4px 14px;
    border: 0;
    display: block;
    float: left;
    height: 32px;
    margin-left: 7px;
}

.topHeaderButton:after{clear:both; display:block; content:""}
a.btn.btn-primary.create-new-campaign {
    float: left;
    margin-right: 6px;
}
button.btn.btn-success.exportbutton.buttondesin {
    float: right;
}

.actionButtons.pull-right.topHeaderButton form{ float:right;}

.buttonBar {
    float: right;
    margin-top: 0px;
}


.form-group.buttonBar.twoButtons {
    margin-bottom: 0;
    margin-top: 26px;
}


.form-group.buttonBar.twoButtons {
    float: left;
}


.themeButton{border:0;  transition:all 0.5s ease; margin-top:5px;}
span.starRed {
    color: #ff0000;
    font-size: 15px;
}

.alert {
    clear: both;
    display: block;
}
button.btn.btn-success.exportbutton {
    height: 32px;
}

.btns {
  display: inline-block;
}





.inner-assign1 {
    height: 138px;
    padding: 8px;
    display: block;
}
.user-assign1 {
    height: 160px;
    background: #fff;
    box-shadow: 0 0 21px rgba(210, 210, 210, 0.4);
}

label.widthlabel {
    width: 29%;
}

/*.campaignnew1{ float:right !important;}*/
.accountview {
    padding:10px 0 !important;
}

















@media screen and (max-width:1449px)
{
.call-log-search .btn {
    padding: 6px 10px;
}
}
@media screen and (max-width:1385px)
{
.call-log-search .btn {
    padding: 6px 8px;
}
}
@media screen and (max-width:1321px)
{
.call-log-search .btn {
    padding: 6px 7px;
}
}
@media screen and (max-width:1289px)
{
.btn-right {
    padding: 0 0px 0 6px !important;
}
}
@media screen and (max-width:1199px)
{
.btn-right {
    padding: 0 15px !important;
    text-align: right;
}
.btn-right .form-group {
    margin-top: 0 !important;
}
.buttonBar {
    margin-top: 10px;
}
.submitreset-button {
 margin-top:10px;
}
}
@media screen and (max-width:991px)
{
.b-bottom:nth-child(odd) {
    padding-left: 30px;
    padding-right: 30px;
}
.b-bottom:nth-child(even) {
    padding-left: 30px;
    padding-right: 30px;
}
.submitreset-button {
    float: right;
    margin-bottom: 2px; margin-top:10px;
}
}
@media screen and (max-width:767px)
{
.create-campaign form label, .update-campaign label {
    text-align: left !important;
}
.skin-blue .main-header .navbar {
    display: block;
}
.skin-blue .main-header .navbar, .skin-blue .main-header .logo {
    background-color: #ffffff !important;
    box-shadow: inherit;
}
.box-form label {
    text-align: left;
}
#customer-unique_field label{ margin-top:0;}
.customer-search button, .campaign-contact-search button, .opportunity-search button, .account-search button, .call-log-search button, .call-log-search a {
    margin-top: 0 !important;
}
.btn-right-align-xs{text-align:right;}
.headings-panel h1 {
    font-size: 20px;
    line-height: 20px;
}
.sub-title h2 {
    font-size: 18px;
    line-height: 21px;
}
.sub-title1 h2 {
    line-height: 34px;
}

.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 1px 11px;
    font-family: fontAwesome;
    margin: 10px 0 0px 8px;
    border-radius: 4px;
    font-size: 20px;
}
.dropdown-menu-admin-right {
    margin: 8px 3px 0px 0px !important;
}
.form-group.buttonBar.twoButtons {
    float:right;
}
.x_panel {
    padding: 10px 8px;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #09c0d6;
}
.skin-blue .main-header .navbar .dropdown-menu li a {
    color: #777;
}
}
@media screen and (max-width:530px) {
   /* .buttondesign {
     margin-top: 5px;
   } */
   .main-sidebar, .left-side {
    padding-top: 145px;
}
}
@media screen and (max-width:480px)
{
.ch-lead-status,.ch-act-btn {
    width: 100%;
}
.ch-act-btn a {
    margin-top: 0 !important;
    margin-bottom: 15px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ width:100% !important}
.table tr td, .table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    /*text-align: center !important;*/
    font-size: 14px !important;
}
.empty {
    font-size: 14px;
}
.table thead tr th a {
    font-size: 14px;
}
.email-id {
    white-space: normal !important;
    word-wrap: break-word;
    line-height: 18px;
}
.headings-panel h1 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
}
.sub-title h2 {
    font-size: 17px;
    line-height: 19px;
}
.table-campaign .table tr td, .table-campaign .table-bordered > thead > tr > th, .table-campaign .table-bordered > thead > tr > td {
    width: 100% !important;
}
.sub-title1 h2 {
    line-height: 34px;
}
.topRightcount {
   clear: both;
    margin: 5px !important;
    text-align: center;
}
button#dropdownMenuButton {
    margin: auto auto 5px auto;
    text-align: center;
    display: block;
    float: right !important;
}
.btn-clear  {
  clear: both !important;
}

}
@media screen and (max-width:420px) {
  .ankr-left a {
    float: left !important;
  }
  .lightBlue .create-new-campaign, .lightBlue .buttondesign, .lightBlue a.btn-xs.btn-primary, .lightBlue .themeButton {
    margin-bottom: 10px;
}
.spacehide {
    padding: 10px 0 !important;
}
}
@media screen and (max-width:350px){

  .x_panel {
    padding: 10px 25px;
}

a.sidebar-toggle {
    position: absolute;
    top: 42px;
    left: 5px;
}
.headings-panel h1 {
    float: none !important;
    text-align: center;
}
.actionButtons.pull-right.topHeaderButton form {
    float: left;
}
.actionButtons.pull-right.topHeaderButton {
    float: none !important;
    margin: auto;
    text-align: center;
    display: block;
    width: 250px;
}
button.btn.btn-success.exportbutton.buttondesin.buttonexFirst {
    /* float: none; */
    margin: auto;
    text-align: center;
    display: block;
}
.themeButton {
    float: none !important;
    text-align: center;
    margin:10px auto auto;
    display: block;
    width: 49%;
}
.viewBack {
    clear: both;
    display: block;
    float: none !important;
    margin: auto;
    text-align: center;
    width: 126px;
}


.pull-right.threeButtons {
    text-align: center;
    margin: auto;
    float: none !important;
    display: block;
}
.content_pad {
   padding:0px;
}

a#dropdownMenuButton {
    float: right !important;
    display: block;
    clear: both;
    margin-bottom: 5px !important;
}
.headeright-button {
    /* float: none !important; */
    margin: auto;
    text-align: center;
}
.urlinka a{ font-size:12px;}
.col-md-2.col-sm-12.col-xs-12.btn-right-align-xs {
    padding: 5px 3px;
}
	}




/* added customer css by praveen*/

.dropdown-menu-admin-right {
    border:1px solid #ECF0F5;
    background-color:#fff;
    margin:8px 15px 0px 0px;
}

.dropdown-menu-admin-right span {
    color:#000;
}

.dropdown-menuDiv {
    margin-top:0px;
}

.dropdown-menuDiv a {
    padding-left:9px;
    color:#000;
}


/* The switch - the box around the slider */
.company-setting .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.company-setting .switch input {display:none;}

/* The slider */
.company-setting .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 22px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.company-setting .slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.company-setting input:checked + .slider {
  background-color: #2196F3;
}

.company-setting input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.company-setting input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.company-setting .slider.round {
  border-radius: 34px;
}

.company-setting .slider.round:before {
  border-radius: 50%;
}


.view-profile-img {
    text-align:left;
    /*display:none;*/
}
.view-profile-img img {
    border:0px solid black;
    border-radius:100%;
}

.img-cls {
  width:7%;
  border-radius: 100%;
}

.LogOutForm button{
    padding:0px!important;
    margin:0px!important;
    border-width:0px!important;
    color:#23B7E5 !important;
}

.document-list-icons {
    padding:3px;
}

.mandatory {
  color:red;
}

.logo-mini img{
    margin-left: 6px;
    width: 150px;
}