



.breadcrumb{
    justify-content:flex-end;
}
    .Dashboard-cards {
        padding: 15px 8px;
        /*min-height: 120px;*/
        height: 100%;
    }
    .text-info{
      color: #4678ad!important;
    }
    .bdgWarning{
        margin-right: -25px; 
        top: -16px !important; 
    }
    .headlogo{}
    
    .headlogo a span{font-weight: bold;}
    
    .real-manager{text-align:center;}
    
    .real-manager img{
        max-width: 108px;
        margin-bottom: 15px;
        width: 100%;
    }
    
    .light-logo{
        max-width: 218px !important;
        width: 100% !important;
    }
    
    .login-box{
        /*margin-left:260px;*/
        
        box-shadow: 1px 1px 23px #6e6969;}
    
    .skin-megna .topbar {
        background: #4678ad!important;
    }
    
    .topbar .top-navbar .navbar-header {
        background: #fff!important;
    }	

    /*a {
        color: #4678ad !important;
    }*/

    .bg-info {
        background-color: #4678ad!important;
    }
    .skin-megna .sidebar-nav>ul>li.active>a {
        color: #000!important;
        border-color: #4678ad!important;
    }
    .sidebar-nav ul li a i:hover{color: #4678ad!important;}
    .sidebar-nav ul li a:hover{color: #4678ad;}
    
    .form-control:focus{
    	    border: 2px solid #4678ad !important;
    }

    .text-cyan {
        color: #4678ad!important;
    }
    .progress-bar {
        background-color: #4678ad!important;
    }
    .badge-primary {
        color: #fff!important;
        background-color: #4678ad!important;
    }
    .text-primary {
        color: #4678ad!important;
    }
    .logo-text{
    	color:black !important;	
    }
    .compulsory-field{
    	color:red !important;
    }
    .divFollowUpCard{
        box-shadow: 6px 8px 6px -1px rgba(49,121,255,0.4);
    	padding:4px;	
    }
    .hFirmName {
    	margin:auto;
    	margin-left:20px;
    }
    .cardtitle h5{
        font-size: 13px;
    }
    .cardtitle h1 i{
        font-size: 25px;
    }
    .cardtitle h1{
            font-size: 22px;
    font-weight: 400;
    }
    .cardtitle{
        border-left: 3px solid #4a9cf2;
    }
    
    #togglePassword{
        position: absolute;
    right: 31px;
    margin-top: 12px;
    cursor: pointer;
    }
    
    
   .task-div .card {
        box-shadow: 2px 5px 10px 0px #dedede;
    }
    
    
    
    /*eLayout Thumb Img*/
    .thumb-lg {
        height: 80px;
        width: 80px;
        border: 1px solid #4678ad70;
        border-radius: 10px;
    }
    
@media (max-width: 767px){
    .fixed-layout .page-wrapper {
        padding-top: 71px!important;
    }
    .horizontal-nav .sidebar-nav #sidebarnav>li>a {
        padding: 12px 12px;
    }
    .logoimg img{width:100%;}
    .login-box{
        margin: 47px 19px;
    }
	.hFirmName {
		margin-top: 23px;
		font-size: initial;
	}    
    .helpbtn{
        color: #fff !important;
        border: 1px solid #fff;
        padding: 4px 10px;
        border-radius: 5px;
        line-height: 66px;
    }
    
    
    
    
  
}

@media (min-width: 767px){
      
    /* Nav Menu*/
    
    .horizontal-nav .sidebar-nav {
        overflow-x: scroll;
    }
    .horizontal-nav .sidebar-nav #sidebarnav>li>a{
        display:flex !important;
    }
    
   .sidebar-nav ul li a>span {
        width: max-content;
    }
    
    
    .thumb-lg {
        height: 150px;
        width: 150px;
    }
}

@media (max-width: 820px){
    .helpbtn{
        color: #fff !important;
        border: 1px solid #fff;
        padding: 4px 10px;
        border-radius: 5px;
        line-height: 66px;
    }
}

@media (max-width: 1440px){
    .helpbtn{
        color: #fff !important;
        padding: 4px 10px;
        border-radius: 5px;
        line-height: 60px;
    }
    
    ::-webkit-scrollbar {
      height: 5px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
      background: #f1f1f1; 
    }
 
    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: #b3d2f4; 
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: #ccc; 
    }


    .card-scroll{
        display:flex;
        overflow:scroll;
    }
    
    .card-scroll a{margin-right: 12px;}
    
       .horizontal-nav .page-titles{
        padding: 0px 0 !important;
    }

}
@media (max-width: 480px){
    .hFirmName{
    margin-left:0;
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255) !important;
}
.login-register{background-position: -400px center;}

.login-box{opacity: 0.9;}

.login-card{opacity: initial;}

/******************* new css mobile app **********************/

.mobile-app-icon{
        padding: 15px 10px;
}

.mobile-app-icon a button{
    border: none;
    padding: 0;
    font-weight: 500;
    font-size: 11px;
}

.card-group .card {
    border-radius: 0px;
}
.task-div .card {
    border-radius: 0px;
    box-shadow: 2px 5px 10px 0px #dedede;
}

.mobile-app-icon a button i{
    display: block;
    font-size: 16px;
    color: #0e347a;
    margin-bottom: 6px;
}
/********************** new css mobile app end **************/


}

.select2-container{
    width:100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
	color:black;
}

.sidebar-nav ul li a {
    font-weight: 500;
    font-size:12px;
}
.text-bold{
    font-weight:bold;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    padding: 10px;
}

.NoRecordsDiv{
    border:1px dashed lightgray;
}

.sidebar-nav>ul>li>a i{
    color: #005f95 !important;
}
.skin-megna .page-titles .breadcrumb .breadcrumb-item.active, .skin-megna .sidebar-nav ul li a.active, .skin-megna .sidebar-nav ul li a.active i, .skin-megna .sidebar-nav ul li a:hover, .skin-megna .sidebar-nav ul li a:hover i, .skin-megna .sidebar-nav>ul>li.active>a i {
    color: #005f95 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
    color:#464a4c !important;
    line-height: 1em !important;
}
a{
    color:#005f95 !important;
}

/*a.MenuPage:hover {*/
/*    background: #4678ad !important;*/
/*    color: white !important;*/
/*}*/

.table-condensed tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .form-control:focus {
        box-shadow: 0 0 4px 5px rgb(0 114 237 / 25%) !important;
        background: #f5f5f5;
    }
    /*.nav-tabs li {*/
    /*    padding: 10px;*/
    /*    border: 2px solid lightgray;*/
    /*    border-bottom: 0px;*/
    /*    border-top-left-radius: 10px;*/
    /*    border-top-right-radius: 10px;*/
    /*}    */
    ul#myTab li.active {
        border-top-left-radius: 10px;
        background: lightgray;
        font-weight: bolder;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
                background: #efe7e7 !important;
                    border-bottom: 2px solid rgb(251, 150, 120) !important;


    }
    .tab-pane{
        padding:20px;
    }
    ul#myTab .active {
        border-bottom: 0px solid #005f95;
    }
   

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: white;
}
.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

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

input:checked + .slider {
  background-color: #2ab934;
}

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

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

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 80%;}
  .round {
    line-height: 48px;
    color: #fff;
	width: 61px;
    height: 25px;
    display: inline-block;
    text-align: center;
}

.setpaddingtotd td {
  padding: 5px;
}

   .horizontal-nav .page-titles{
    padding: 10px 10px !important;
}
.mobileviewbtn{
    font-size: 11px;
    padding: 5px 2px;
}
::-webkit-scrollbar {
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #b3d2f4; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ccc; 
}


.card-scroll{
        overflow-x: scroll;
    display: flex;
    overflow-y: hidden;
}
.projectwisestatus{
      overflow-x: scroll;
    display: flex;
    overflow-y: hidden;
}

.prdctwiseoverflow{
    overflow:hidden;
}

.projectwisestatus .card{
    border:1px solid #ccc;
    margin-bottom: 0;
}

.card-scroll a{margin-right: 12px;}

.helpbtn{
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 5px;
    line-height: 60px;
    border:none;
}

#ModalNewLead{
       padding: 4px 7px;
    font-size: 12px;
}

.pdc-incoming{
    height:500px;overflow:scroll
}

/* width */
.pdc-incoming::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.pdc-incoming::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.pdc-incoming::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.pdc-incoming::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.pdc-li{
    box-shadow: 1px 1px 14px #ccc;
    padding:14px 15px 15px 16px!important;
}

.projectwisestatus .card-body{
    padding: 10px 10px !important;
}

.projectwisestatus .card-title{
    margin-bottom: 0;
}

.task{
    padding-left:0;
}

.task li{
    list-style: none;
    box-shadow: 1px 1px 9px #ccc;
    padding: 10px 10px;
    margin:10px 0;
    border-left: 3px solid #3e93ea;
    border-radius: 0px;
    letter-spacing: 1px;
}

.task li p{
        padding-left: 0;
   margin-bottom: 0;
}



.task-body h4{
    margin-bottom: 0;
}
.task{
     overflow-y: scroll;
    height: 193px;
    margin-bottom: 0;
    overflow-x: hidden;
}
/* width */
.task::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.task::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.task::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.task::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.projectrow .card{
    border-radius: 6px;
}

.projecrcard{}

.projecrcard h3 i {
    font-size: 15px;
    color: #4678ad;
    border: 2px solid #4678ad;
    padding: 6px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0px auto;
}
.projecrcard h4{font-size: 14px;text-transform: uppercase;}

.projecrcard p{font-size: 14px;}

/********************** card effects start **********************/

.page-contain {
	 display: flex;
	 min-height: 100vh;
	 align-items: center;
	 justify-content: center;
	 background: #e7f3f1;
	 border: 0.75em solid white;
	 padding: 2em;
	 font-family: 'Open Sans', sans-serif;
}
 .data-card {
	 display: flex;
	 flex-direction: column;
	 /*max-width: 20.75em;*/
	 text-align: center;
	 padding-top: 7px;
	 overflow: hidden;
	 border-radius: 0.5em;
	 text-decoration: none;
	 background: white;
	 /*margin: 1em;*/
	 padding: 0 2.5em;
	 box-shadow: 0 1.5em 2.5em -0.5em rgba(0, 0, 0, .1);
	 transition: transform 0.45s ease, background 0.45s ease;
	 margin-bottom: 13px;
}
 .data-card h3 {
	 color: #2e3c40;
	 font-size: 3.5em;
	 font-weight: 600;
	 line-height: 1;
	 padding-bottom: 13px;
	 margin: 0 0 0.142857143em;
	 border-bottom: 2px solid #15589f;
	 transition: color 0.45s ease, border 0.45s ease;
	     margin-bottom: 15px;
}

.data-card h4 {
	 color: #627084;
	 text-transform: uppercase;
	 /*font-size: 1.125em;*/
	 font-weight: 700;
	 /*line-height: 1;*/
	 /*letter-spacing: 0.1em;*/
	 /*margin: 0 0 1.777777778em;*/
	 /*transition: color 0.45s ease;*/
	 /*margin-bottom:10px;*/
	 overflow: hidden;
     /*white-space: nowrap;*/
}

 .data-card p {
	 opacity: 0;
	 color: #125cab;
	 font-weight: 600;
	 line-height: 1.8;
	 margin: 0 0 1.25em;
	 transform: translateY(-1em);
	 transition: opacity 0.45s ease, transform 0.5s ease;
	 padding-bottom: 10px;
	 overflow: hidden;
     white-space: nowrap;
}


 .data-card .link-text {
	 display: block;
	 color: #753bbd;
	 font-size: 1.125em;
	 font-weight: 600;
	 line-height: 1.2;
	 margin: auto 0 0;
	 transition: color 0.45s ease;
}
 .data-card .link-text svg {
	 margin-left: 0.5em;
	 transition: transform 0.6s ease;
}
 .data-card .link-text svg path {
	 transition: fill 0.45s ease;
}
 .data-card:hover {
	 background: #c0dcf9;
	 transform: scale(1.02);
}
 .data-card:hover h3 {
	 color: #fff;
	 border-bottom-color: #105297;
}
 .data-card:hover h4 {
	 color: #fff;
}
 .data-card:hover p {
	 opacity: 1;
	 transform: none;
}
 .data-card:hover .link-text {
	 color: #fff;
}
 .data-card:hover .link-text svg {
	 animation: point 1.25s infinite alternate;
}
 .data-card:hover .link-text svg path {
	 fill: #fff;
}
 @keyframes point {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(0.125em);
	}
}

/************************** card effect end ***************************/

.icons ul li {
    list-style: none;
    text-align: left;
    display: inline-block;
    box-shadow: 13px 12px 17px #eee;
    padding: 27px;
}
a { color: inherit; }
a:hover
{
     color:white;
}

.hidden{
    display:none;
}
.btnpad
{
	padding: 1rem 1rem;
	margin:5px;
}
/* INTRO STYLES  */
.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {z-index: auto !important;}
.introjs-showElement {z-index: 9999999 !important;}
.introjs-relativePosition {position: relative;}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */ 
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {border: 5px solid white; content:''; position: absolute;}
.introjs-arrow.top {top: -10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:white;border-left-color:transparent;}
.introjs-arrow.right {right: -10px;top: 10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:white;}
.introjs-arrow.bottom {bottom: -10px;border-top-color:white;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}
.introjs-arrow.left {left: -10px;top: 10px;border-top-color:transparent;border-right-color:white;border-bottom-color:transparent;border-left-color:transparent;}

.introjs-tooltip {
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {text-align: right;}


.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {border-color: #bcbcbc;text-decoration: none; box-shadow: 0px 1px 1px #e3e3e3;}
.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {padding: 0;border: 0;}
.introjs-skipbutton {margin-right: 5px;color: #7a7a7a;}
.introjs-prevbutton {-webkit-border-radius: 0.2em 0 0 0.2em;-moz-border-radius: 0.2em 0 0 0.2em;border-radius: 0.2em 0 0 0.2em;border-right: none;}
.introjs-nextbutton {-webkit-border-radius: 0 0.2em 0.2em 0;-moz-border-radius: 0 0.2em 0.2em 0;border-radius: 0 0.2em 0.2em 0;}
.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {color: #9a9a9a;border-color: #d4d4d4;box-shadow: none;cursor: default;background-color: #f4f4f4;background-image: none;text-decoration: none;}

/* From Lead Management */
 .toggle {
	 margin: 0 0 1.5rem;
	 box-sizing: border-box;
	 font-size: 0;
	 display: flex;
	 flex-flow: row nowrap;
	 justify-content: flex-start;
	 align-items: stretch;
}
 .toggle input {
	 width: 0;
	 height: 0;
	 position: absolute;
	 left: -9999px;
}
 .toggle input + label {
	 margin: 0;
	 padding: 0.75rem 1.7rem;
	 box-sizing: border-box;
	 position: relative;
	 display: inline-block;
	 border: solid 1px #ddd;
	 background-color: #fff;
	 font-size: 1rem;
	 line-height: 140%;
	 font-weight: 600;
	 text-align: center;
	 box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	 transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
	
}
 .toggle input + label:first-of-type {
	 border-radius: 6px 0 0 6px;
	 border-right: none;
}
 .toggle input + label:last-of-type {
	 border-radius: 0 6px 6px 0;
	 border-left: none;
}
 .toggle input:hover + label {
	 border-color: #213140;
}
 .toggle input:checked + label {
	 background-color: #4b9dea;
	 color: #fff;
	 box-shadow: 0 0 10px rgba(102, 179, 251, .5);
	 border-color: #4b9dea;
	 z-index: 1;
}
 .toggle input:focus + label {
	 outline: dotted 1px #ccc;
	 outline-offset: 0.45rem;
}
 @media (max-width: 800px) {
	 .toggle input + label {
		 padding: 0.75rem 0.25rem;
		 flex: 0 0 50%;
		 display: flex;
		 justify-content: center;
		 align-items: center;
	}
}





/*Select2 Common CSS*/

.select2-container .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    height:35px !important;
}


