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

@charset "utf-8";
/* CSS Document */

html, body{
	height:100%;
	margin:0 auto;
	font-family: 'Roboto', sans-serif;
	}

*
{
	outline:none !important;
}
a
{
	outline:none !important;
	text-decoration: none;

}
a:hover, a:focus {
    text-decoration: none;
}
.no-margin{
	margin:0px !important;	
}
.no-margin-left{
	margin-left:0px !important;	
}

.no-margin-right{
	margin-right:0px !important;	
}

.no-margin-bottom{
	margin-bottom:0px !important;	
}
.no-padding{
	padding:0px !important;	
}
.no-padding-left{
	padding-left:0px !important;	
}

.no-padding-right{
	padding-right:0px !important;	
}

.no-padding-bottom{
	padding-bottom:0px !important;	
}
.no-left-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/CenturyGothic.eot');
	src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturyGothic.woff2') format('woff2'),
		url('../fonts/CenturyGothic.woff') format('woff'),
		url('../fonts/CenturyGothic.ttf') format('truetype'),
		url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/CenturyGothic-Bold.eot');
	src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
		url('../fonts/CenturyGothic-Bold.woff') format('woff'),
		url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
		url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}


body{
	/*font-family:Century Gothic;*/
	font-family: 'Roboto', sans-serif !important;
	background:#fafafa;
	}
	
		
/*==================== End CSS for Login ====================*/	


/*==================== CSS for Radiology ====================*/	

.page_header{
    background:linear-gradient(60deg, #0b75b3, #1078b7);
       max-height: 65px;
}

.inner-logo{
	margin:5px 0px;
	}
.page_header h3{
	font: 20px/18px Tahoma,Verdana,Segoe,sans-serif;
	font-weight:600;
	color:#FFF;
	margin-bottom:10px;
	}
.customer-name{
/*	margin-top:8px;*/
	text-align: center;
	}

.header_top_menu
{
	margin:20px 0px 0 0;
}
.header_top_menu ul li
{
	color:#fff;
	text-transform:uppercase;
	font:13px/16px Tahoma,Verdana,Segoe,sans-serif;
}
.header_top_menu ul li img{
	margin-right:10px;
}
.header_top_menu ul li a
{
	color:#fff;
	text-decoration:none;
}
.header_top_menu ul li.help-desk
{
	background:url(../images/help_desk.png) no-repeat;
	padding:3px 0 0 30px;
}
.header_top_menu ul li.telephone
{
	background:url(../images/phone.png) no-repeat;
	padding:3px 0 0 30px;
}
.header_top_menu ul li.logout
{
	background:url(../images/log-out.png) no-repeat;
	padding:3px 0 0 30px;
}
.content-section
{
	background: #fafafa;
    min-height: calc(100vh - 155px);
/*	background:#fafafa;
	min-height:581px;
    height:100%;
    margin: 60px auto -88px;*/
}
.login-banner{
	background: url(../images/login-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;  
		min-height:100vh;
    height:100%;
    margin:0px;
}
/************************* TREE MENU CSS ********************/

#treeMenu {width:100%; font:normal 14px/20px opensans-regular; }
#treeMenu ul { list-style:none; margin:0; padding:0;}
/*#treeMenu ul li {overflow:hidden; background:#fff url(../images/treeTabBg.gif) repeat-x 0 0; border:none; margin:0; }
#treeMenu ul li span { display:inline-block; float:right; height: 36px;
    width: 100%; background:url(../images/treeSplit.png) no-repeat 100% 0;  cursor:pointer; }*/
#treeMenu ul li {overflow:hidden; border:none; margin:0; }
#treeMenu ul li span { display:inline-block; float:right; height: 36px;
    width: 100%; cursor:pointer; }
#treeMenu ul li a { color:#4d5f6b; 	font:13px/16px Tahoma,Verdana,Segoe,sans-serif;
 padding:9px 10px; display:inline-block;  text-decoration:none; width: 100%; float:left; }
#treeMenu ul li:hover{
	background:#cbddfa;
}
#treeMenu ul li .current{
	background:#cbddfa;
}


#treeMenu ul li span.opened { background-position:100% -61px;}

	#treeMenu ul li div { clear:both; height:auto; background:#375b94;}
	#treeMenu ul li li { background:none; border:none; margin:0; padding-left:10px;  clear:both; }
	#treeMenu ul li li a { color: #3e4042;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .4px; padding:12px 15px; float:left;  width: 100%; 	font:12px Tahoma,Verdana,Segoe,sans-serif;
; text-decoration:none; text-transform:uppercase;}
	#treeMenu ul li li a:hover { text-decoration:none; color:#18485e;}
	#treeMenu ul li li span { float:right; display:inline; width:15px; height:20px;  background-position:-10px -263px; cursor:default; }
	#treeMenu ul li li span.closed { background-position: 240px -129px;
    cursor: pointer;
    height: 36px;
    width: 100%;}
	#treeMenu ul li li span.closed.opened { background-position: 240px -57px ;
    cursor: pointer;
    height: 36px;
    width: 100%;
	}

#treeMenu ul li ul li{
	padding:0 0 0 0;
}

		#treeMenu ul li li li { border:none; background:#375b94;}

#treeMenu ul li li ul li{
	background: none repeat scroll 0 0 #f6fbfe;
    color: #FFFFFF;
    font: 15px/20px opensans-regular;
    padding-left: 35px;
    width: 100%;
    cursor:pointer;
        border-bottom: 1px solid #c4c6c7;
}
#treeMenu ul li li ul li a{
	width:auto; text-decoration:none; padding:8px 15px!important;
}
#treeMenu ul li li ul li a:hover{
	width:auto; text-decoration:none; color:#18485e;	
}

#treeMenu ul li li ul li:hover{
	background:#f2f6f9; padding-left:35px; color:#18485e;		
}

#treeMenu ul li a:hover{
	color:#18485e;	
}
#treeMenu ul li ul li {
    background: none repeat scroll 0 0 #fff;
    padding: 5px 0px;
    border-bottom: 1px solid #ebebeb;
}
#treeMenu ul li ul li:hover {
	background: none repeat scroll 0 0 #f2f6f9; color:#18485e;
}
.for_spacing {
            background-position: 220px -122px !important;
            left: 20px;
            padding: 11px 0 0 0;
            position: relative;
            border: medium none !important;
        }
 .year_spacing {
               padding:8px 24px !important;
           }
    

    
/********************************************************************/



/*==================== CSS for Footer ====================*/	

	
footer{
	background:#5d646e;
	font:11px/16px Tahoma,Verdana,Segoe,sans-serif;
	color:#fff;
	text-align:center;
	padding:10px 0 2px;
	margin-top:30px;
	}

footer a{
	color:#fff;
	text-decoration:none;
	}
	
footer a:hover{
	color:#cbcfd5;
	}
	
.login-footer{
	background:#5d646e;
	font:11px/16px Tahoma,Verdana,Segoe,sans-serif;
	color:#fff;
	text-align:center;
	padding:16px 0;
	margin:0 !important;
}
	


.dropdownfilters{
	background:#303133;
	color:#FFF;
	display:none;
	width:205px;
	font:bold 12px/14px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#menunav1
{
	background: none repeat scroll 0 0 red;
    float: left;
    list-style: none outside none;
    text-align: left;
	border:none;
	outline:none;
    width: 205px;
	position:relative;
	z-index:99;
}

.top_buttons{
	background: url("../images/down-arrow.png") no-repeat scroll center right #3a3b3d;
    color: #fff;
    float: left;
    padding: 15px 20px;
    text-align: left;
    width: 165px !important;
}


/********************************************************************/



/*==================== CSS for Master-content ====================*/	

.dashboard-master-listing li{
	list-style-type:none;
	}

.dashboard-master{
	height:25px; 
	width:100%; 
	background:#F00; 
	margin-bottom:15px;
	border-radius:6px;
	}
.welcome-section .dropdown-menu{
	margin: 15px 0px 0 30px;
	padding:0;
	}	
	
.welcome-dropdown{
	color:#FFF;
	}

.welcome-dropdown:hover, .welcome-dropdown:focus{
	color:#FFF;
	}
	
.account-dropdown{
	border-radius:0;
	}

.account-dropdown li a{
	padding: 8px 20px;
	font-size:12.5px;
	}
	
.account-dropdown li a:hover, .account-dropdown li a:focus{
	background-color:#95b5d6;
	color:#fff;
	}

/*.inner-logo img{
	margin-left: 70px;
	}*/
	
.module_dashboard h3{
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 25px;
    font-weight: 600;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(11 110 169 / .4);
    /*background: linear-gradient(87deg, #3498db, #2980b9);*/
        background-image: url(../images/pattern-1.png);
    background-color: #053f46;
    border-radius: 3px;
    color: #ffffff;
    padding: 15px 20px;
	}

.dashboard-master{
	text-align:center;
	color:#fff;
	}
	
.dashboard-master h4{
	padding: 8px 0;
	font-weight:bold;
	text-decoration:none;
	}
	
.dashboard-master a h4{
	color:#fff;
	text-decoration:none;
	}
	
.dashboard-master a h5{
	text-align:right;
	padding:5px 15px 5px 0;
	color:#000;
	text-decoration:none;
	background:#d8d8d8;
	}
	
.dashboard-master h5{
	color:#000;
	text-decoration:none;
	background:#d8d8d8;
	}
	
.dashboard-master a{
	text-decoration:none;
	}
	
.new-terminal{
	background-color:#c03a37;
	}
	
.new-department{
	background:#5f497a;
	}
	
.access-group{
	background:#76923c;
	}
	
.new-designation{
	background:#e36c09;
	}
	
.new-grade{
	background:#909090;
	}
	
.user-group{
	background:#528dd5;
	}
	
.user-packages{
	background:#7030a0;
	}
	
.salary-structure{
	background:#008000;
	}
	
.company-policy{
	background:#4bacc6;
	}

.leave-details{
	background:#5f497a;
	}
	
.new-page{
	background:#c00000;
	}
	
.announcement{
	background:#31859b;
	}
	
.settings{
	background:#938953;
	}
	
.dropdown-menu{
	width:100%;
	margin-top:0;
	background:none;
	border-radius: 6px;
	padding:0;
	    max-height: 200px;
    overflow-x: hidden;
	}
	
.dropdown-menu li{
	background:#fff;
	border-bottom: 1px solid #ebebeb;
	}
	
.dashboard-master h4{
	font-size:13.5px;
	}
	
.dashboard-master{
		box-shadow:1px 1px 6px #888888;
		}
		
		



.inner-heading-title{
	background:#007dc5;
	border-radius:5px;
	color:#fff;
	}
	
.inner-heading-title h5{
	font-size:15px;
	}
	
.heading-line{
	border:1px solid #007dc5;
	margin-top:17px;
	}

/*.complain-registration .form-group, .team-assign-details .form-group{
	margin-bottom:40px;
	}*/
	
.complain-registration label, .team-assign-details label{
/*	font-size:13px;
	font-weight:normal;*/
	font-size: 14px;
    font-weight: 500;
	}
	
.inner-heading-title, .heading-line{
	margin-top:30;
	margin-bottom:30px;
	}
	
.complain-registration textarea{
	width:100%;
	margin-bottom:6px;
	}

.service-assign-team td, .service-assign-team th{
	padding-right:2PX !important;
	padding-left:2PX !important;
	margin-bottom:0 !important;
	border-bottom:none;
	}
.service-assign-team td{
	padding-bottom:0 !important;
}
	
.service-assign-team th{
	text-align:center;
	font-size:12.5px;
	background:#c9c9c9;
	}
	
/*.team-assign-details select{
	margin-top:3px;
	}
*/
.service-order-list th{
	font-size: 16px;
	}
/* Slide panel */	
.panel{
position: fixed;
right: 0px;

}

.panel.ng-hide {
  right: -200px;
}
.panel.ng-hide-add, .panel.ng-hide-remove {
  /* this is required as of 1.3x to properly
     apply all styling in a show/hide animation */
  transition: 0s linear all;
}


.panel.ng-hide-add-active, .panel.ng-hide-remove-active {
/* -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
*/
transition: all ease-in-out 2s;
}
.panel.ng-show-add-active {
  display: block;
}	
/* Slide panel */	
/*============== CSS For Login =============*/

.login-form-1{
	background: #fff;
	padding:20px 30px;
	margin-top:25%;
	box-shadow: 1px 1px 5px #888888;
	border-radius: 6px;
	}
	

	
.login-group h2{
	font-size: 29px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-family: sans-serif;
	}
	
.login-group button{
	background-color: #007dc5 ;
    border-color: #ccc;
    color: #fff;
	 padding: 10px 26px;
	 border:none !important;
	}
	.login-btn{
		margin-top: 25px;
	}
.login-group button:hover, .login-group button:focus{
	background:#ffc20e ;
	}

.login-group label {
    font-weight: 600;
    color: #6c6f71;
    line-height: 1.5;
    margin: 0;
    font-size: 15px;
    margin-bottom: 8px;
    font-family: monospace;
}
/*=============== Edited after development =============*/

.module_dashboard{
	margin-bottom:12px;
	}
	
.service-order-list button{
	margin-bottom:5px;
	}
	
.panel{
/*	padding-bottom: 26px;
    top: 127px;*/
        padding-bottom: 26px;
        padding-top: 25px;
    bottom: 0;
    z-index: 9;
    margin-bottom: 0;
	}
	
#lco_code{
	margin-bottom:10px;
	}
.form-group input{
	margin-bottom:10px;
}
.form-group select{
	margin-bottom:10px;
}
.team-assign-details input:first-of-type{
	margin-bottom:7px;
	}
	
#MonthPicker_Button_month{
	height: 34px;
    padding: 10px 15px;
    vertical-align: bottom;
    width: 20px;
	border-radius:0 4px 4px 0;
	}
	
#month{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 40%;
	float:left;
	}
	
.radio, .checkbox{
	margin-top:0;
	}
.small_link{
	font-size:11px;
}
/*=================mantu=========================*/
.logo-ct {
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
.card-stats .card-stats-body {
    min-height: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
    margin-bottom: 30px;
    margin-top: 30px;
    color: #333333;
    background: #fff;
    width: 100%;
    border-radius: .25rem;
}
.card-stats .card-icon {
    margin: 0px 15px 0;
    position: relative;
    border-radius: 3px;
    background-color: #999999;
    padding: 15px;
    margin-top: -20px;
    margin-right: 15px;
    display: inline-block;
    color: #fff;
 box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(216 214 212 / 40%);
}
.card-stats .card-icon i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
}
.card-icon.card-icon-success {
    background: linear-gradient(60deg, #66bb6a, #43a047);
}
.card-icon.card-icon-warning {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
}
.card-stats h3 {
    font-size: 18px;
    font-weight: 600;
    border-top: 1px solid #ddd;
    padding: 15px 0px 20px;
    margin: 20px 11px 10px;
    text-decoration: none;
}

/*-----------------*/
.left-side, .main-sidebar {
    top: 0;
    left: 0;
    min-height: 100%;
    position: absolute;
    width: 240px;
    z-index: 99;
    background: #fff;
        position: fixed!important;
        box-shadow: 0 0 6px rgba(0,0,0,.1)!important;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}
.has-sidebar-left {
    margin-left: 240px;
    transition: transform .5s ease-in-out,margin .5s ease-in-out;
}
.cbp-spmenu h3 img {
    width: 50px;
}
.sidebar-collapse .has-sidebar-left {
    margin-left: 0;
}
.sidebar-collapse .left-side, .sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-330px,0);
    -ms-transform: translate(-330px,0);
    -o-transform: translate(-330px,0);
    transform: translate(-330px,0);
}
.content-mean{
    min-height: calc(100vh - 133px);
    background: url(../images/st-formbg.png)no-repeat;
    background-position: center;
    background-size: contain;
}
#treeMenu ul li li span.closed .fa{
	color: #86939e
}
#treeMenu ul li li span.closed.opened .fa {
    transform: rotate(-90deg);
}
.login-group .ng-binding {
    text-align: center;
    color: #F44336;
    font-weight: 600;
}
.myac-header .inner-logo img{
	width: 50px;
}
.card-primary{
    background: linear-gradient(60deg, #3395ff, #007bff);
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px hsl(211 94% 60% / .5);
}
.card-warning{
	background: linear-gradient(60deg, #ffa726, #fb8c00);
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.card-success{
	background: linear-gradient(60deg, #66bb6a, #43a047);
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.card-danger{
	background: linear-gradient(60deg, #ef5350, #e53935);
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}
.card-info{
	background: linear-gradient(60deg, #26c6da, #00acc1);
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.card-secondary{
	background: linear-gradient(60deg, #708f9f, #607D8B);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(110 141 157 / .5);
}
.counter-box {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
    margin-bottom: 30px;
    margin-top: 30px;
    color: #333333;
    background: #fff;
    width: 100%;
    border-radius: .25rem;
}
.counter-head  {
    margin: 0px 15px 0;
    position: relative;
    border-radius: 3px;
    background-color: #999999;
    padding: 12px 5px;
    top: -10px;
    font-size: 16px;
    margin-right: 15px;
    display: block;
    color: #fff;
    text-align: center;
}
.counter-box h5 {
    color: #999999;
    margin: 0;
    text-align: right;
    font-size: 15px;
    font-weight: 600;
    padding-right: 20px;
    padding-bottom: 14px;
}
.complain-listhe{
max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 30px;
}
.form-group textarea {
    margin-bottom: 10px;
}
.complainte .form-group input[type="checkbox"] {
    display: inline-block;
    text-align: left;
    width: 10%;
    border: none !important;
    box-shadow: none !important;
}
.d-flex-end{
	display: flex;
	justify-content: flex-end;
}
.d-flex-end .btn{
margin-left:  5px;
}
/*.overlay-bg{
	 background: url(../images/st-formbg.png)no-repeat;
    background-position: center ;
    background-size: contain;

}*/
form .form-control{
	background-color: rgb(9 107 164 / .2);
}
.gray-input .form-control {
    background-color: rgb(172 176 179 / 20%);
}
	.tt-wrap th, .tt-wrap td{
	padding-right:5PX !important;
	padding-left:5PX !important;
	}
	.tt-wrap th{
	text-align:left;
	}
	.tt-wrap th:last-child{
		text-align:right;
	}
	.tt-wrap td:last-child{
		width: 15%;
	}
	.tt-lco-wrap td:last-child{
		width: 8%;
	}
	
.d-flex{
	display: flex;
}
.align-items-center{
	align-items: center;
}
.justify-content-center{
	justify-content: center;
}
.justify-content-between{
	justify-content: space-between;
}
.justify-content-end{
	    justify-content: flex-end;
}
.lco-btn{
	    margin-top: 24px;
}
.lco-btn button{
	margin-left: 5px;
}
.acc-checkbox span{
margin-right: 10px;
}
.acc-checkbox  input[type="checkbox"]{
	margin-bottom: 7px;
	margin-right: 3px;
}
.d-block{
	display: block;
}
.border-muted {
    border: 1px solid #dee2e6!important;
    background: #fff;
     padding: 10px 0px;
    min-height: 85px;
}
.invalid {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}
.modal-header {
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #0b75b3;
    color: #fff;
    border-radius: 4px 4px 0px 0px;
}
.modal .close{
   color: #fff;
   text-shadow: none;
   opacity: .6;
}
.modal .close:hover, .modal .close:focus {
    color: #fff;
     opacity: .9;
}
.clear{
	clear: both;
}
.seres-btn{
	padding-top: 25px;
}
.seres-btn button{
	margin-left: 10px;
}
.service-assign-team th, .service-assign-team td{
	    font-size: 14px !important;
    padding: 12px 10px !important;
    vertical-align: top !important;
}

	   /*loader*/
.loader-icon {
    border: 6px solid #f3f3f3;
	border-radius: 50%;
    border-top: 8px solid #30abf3;
    border-right: 8px solid #0b75b3;
    border-bottom: 8px solid #30abf3;
    border-left: 8px solid #0b75b3;
    width: 36px;
    height: 36px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.tool-loader {
    position: absolute;
    top:0;
    left: 0;
    z-index: 9;
    text-align: center;
    width: 100%;
    background: rgb(251 251 251 / 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 0px;
    height: 100%;
}
.loader-icon .fa{
	display: none;
}
.location-vendor{
	margin-right: 15px;
}
.location-vendor .form-control {
    margin-bottom: 0px;
}


.contentInner {
    position: relative;
    overflow-x: hidden;
}

.contentInner>.innerCards,
.contentInner>.box {
    transition: width 0.4s;
}

.contentInner>.box.right-panel {
    position: absolute;
    transition: right 0.4s;
    right: -50%;
}

.contentInner>.box.right-panel.open {
    position: absolute;
    right: 0;
}
.contentInner>.box.right-panel-big {
    position: absolute;
    transition: right 0.4s;
    right: -100%;
}
.col-pink {
    font-size: 12px;
    margin: 0 5px;
	color: #E91E63 !important;
}