body {margin-top: 100px;background-color: #222;font-family: 'Montserrat', sans-serif;}
#wrapper {padding-left: 0;}
#page-wrapper {width: 100%;padding: 0;background-color: #fff;}
.huge {font-size: 50px;line-height: normal;}

@font-face {
    font-family: MontserratExtraLight;
    font-weight: 200;
    src: url("../css/fonts/MontserratAlternates-ExtraLight.otf") format("opentype");
}
@font-face {
    font-family: MontserratLight;
    font-weight: 300;
    src: url("../css/fonts/MontserratAlternates-Light.otf") format("opentype");
}
@font-face {
    font-family: MontserratMedium;
    font-weight: 400;
    src: url("../css/fonts/MontserratAlternates-Medium.otf") format("opentype");
}



/* Top Navigation */

.top-nav {padding: 0 15px;}
.top-nav>li {display: inline-block;float: left;}
.top-nav>li>a {padding-top: 35px;padding-bottom: 35px;line-height: 20px;color: #f4f4f4;}
.top-nav>li>a:hover,.top-nav>li>a:focus,.top-nav>.open>a,.top-nav>.open>a:hover,.top-nav>.open>a:focus {color: #fff;background-color: #21324f;}
.top-nav>.open>.dropdown-menu {float: left;position: absolute;margin-top: 0;border: 1px solid rgba(0,0,0,.15);border-top-left-radius: 0;border-top-right-radius: 0;background-color: #fff;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.top-nav>.open>.dropdown-menu>li>a {white-space: normal;}
ul.message-dropdown {padding: 0;max-height: 250px;overflow-x: hidden;overflow-y: auto;}
li.message-preview {width: 275px;border-bottom: 1px solid rgba(0,0,0,.15);}
li.message-preview>a {padding-top: 15px;padding-bottom: 15px;}
li.message-footer {margin: 5px 0;}
ul.alert-dropdown {width: 200px;}

/* Side Navigation */

nav .sidebarMenuToggle {position:absolute;top:50%;right:-20px;z-index:10;margin-top:-18px;cursor:pointer;}
.relLeft5 {position:relative;left:0px;}
.relRight5 {left:-5px;}

 
.side-nav>li>ul {padding: 0;}
.navbar-inverse .side-nav>li{margin-bottom:1px;}
.navbar-inverse .side-nav li a i.fa {position:absolute;top:20px;left:15px;} 
.navbar-inverse .side-nav li a {color:#fff;text-transform:uppercase;padding:18px 5px 18px 40px;position:relative;} 
/* online offline */
.navbar-inverse .side-nav li i.fa {position: absolute; top: 20px; left: 15px; color: #fff;}
/* online offline */
.navbar-inverse .side-nav li a:hover, .navbar-inverse .side-nav li a:focus, .navbar-inverse .side-nav>.active>a, .navbar-inverse .side-nav>.active>a:focus, .navbar-inverse .side-nav>.active>a:hover {color: #21324f;background: transparent;}
.navbar-inverse .side-nav li a:hover i.fa, .navbar-inverse .side-nav>.active>a i.fa, .navbar-inverse .side-nav>.active>a:focus i.fa, .navbar-inverse .side-nav>.active>a:hover i.fa{text-shadow: 0px 0px 10px #5f7c8a;}
.side-nav>li>ul>li>a {display: block;padding: 10px 15px 10px 38px;text-decoration: none;color: #999;}
.side-nav>li>ul>li>a:hover {color: #fff;}

/* Flot Chart Containers */

.flot-chart {display: block;height: 400px;}
.flot-chart-content {width: 100%;height: 100%;}

/* Custom Colored Panels */

.huge {font-size: 40px;}
.panel-green {border-color: #5cb85c;}
.panel-green > .panel-heading {border-color: #5cb85c;color: #fff;background-color: #5cb85c;}
.panel-green > a {color: #5cb85c;}
.panel-green > a:hover {color: #3d8b3d;}
.panel-red {border-color: #d9534f;}
.panel-red > .panel-heading {border-color: #d9534f;color: #fff;background-color: #d9534f;}
.panel-red > a {color: #d9534f;}
.panel-red > a:hover {color: #b52b27;}
.panel-yellow {border-color: #f0ad4e;}
.panel-yellow > .panel-heading {border-color: #f0ad4e;color: #fff;background-color: #f0ad4e;}
.panel-yellow > a {color: #f0ad4e;}
.panel-yellow > a:hover {color: #df8a13;}
.navbar {border:none;background:#f7faff;height:90px;}
.navbar-brand:hover, .navbar-brand:focus {background:#e5e5e5 !important;}
.header-right{position: absolute;top: 0px;left: 0px;padding-left: 225px;padding-right:5px;width: 100%;height:90px;z-index: 2;border-bottom: 1px solid #10718f; background:#137b9b;}

.header-right .logUser>a {padding:22px 15px;border-left:1px solid #10718f;}
.header-right>ul>li>a:focus, .header-right>ul>li>a:hover, .header-right>ul>li>a:active, .header-right>ul>li.open>a:hover, .header-right>ul>li.open>a {background:#0c6079;}
.header-right .logUser .dropdown-menu-right {width:100%;}
.header-right .logUser .dropdown-menu a {padding: 10px 20px;}
.navbar .navbar-header {position: relative;z-index: 10;}



.right-header-content {display: table;float: left;height: 100%;transition:width 0.3s linear;}

.right-header-content .header-inner {display:table-cell;vertical-align:middle;}
.right-header-content .header-inner .time {color:#f4f4f4;font-size:20px;}
.right-header-content .header-inner .time .small{font-size:10px;}
.right-header-content .pageHeading {font-size:20px;margin:0px;color:#f4f4f4;}
.btn {outline:none!important;}
.btn.btn-round {border-radius:50px;padding: 8px 15px;}
.btn.btn-splGreen {background:#10718f; border:1px solid #0c6079;}
.btn.btn-splGreen:hover{background:#0c6079; border:1px solid #10718f;}


.chatSidebar .chatTitle {color:#353434;font-size:15px;}
.chatSidebar {position:fixed;top:90px;right:0px;bottom:0px;width:243px;background:#f5f5f5;z-index:9999999;padding:20px 0px 42px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.chatSidebar .userSearch {position:absolute;bottom:0px;right:0px;box-shadow: 0px -8px 12px -8px #bfbfbf;}
.chatSidebar .userSearch input{font-size:12px;background:#e7e7e7;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:none;padding:12px;height:41px;}
.chatSidebar .userSearch .input-group-addon{border:none;background-color: #d5d5d5;color: #97abcd;}
.chatSidebar .chat-tabs .tab-content {overflow:auto;}

 #page-wrapper.mainContainer {padding-right: 220px;background:#fff;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}

.chatOpen .chatSidebar {right:0px;}
.chatClosed .chatSidebar {right: -227px;}
.chatOpen  #page-wrapper.mainContainer {padding-right: 220px;}
.chatClosed  #page-wrapper.mainContainer {padding-right:0px;}

.custom-box .table-hover>tbody>tr:hover {color:#5f7c8a;}


.chatSidebarClosed #wrapper {padding-left: 0px;}
.chatSidebarClosed .side-nav {left:0px;}
#wrapper, .side-nav {transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}

.tooltip-inner {white-space:nowrap;max-width:none;}

#page-wrapper .mainTitle .page-header {font-size:30px;color:#137b9b;margin-bottom:0px;border-bottom:none;padding-bottom:0px;}
#page-wrapper .mainTitle small {font-size:12px;color:#f4f4f4;}


.chatSidebar .nav>li>a {padding: 3px 12px;font-size:10px;text-transform:uppercase;color:#7d7d7d;border: none;}
.chatSidebar .nav.nav-justified>li.active>a {border: none;color: #3dcb35;box-shadow: 2px 2px 4px #dcdcdc;-webkit-box-shadow: 2px 2px 4px #dcdcdc;-moz-box-shadow: 2px 2px 4px #dcdcdc;}

.chatSidebar .userItem {    width: 100%;
    display: table;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 3px 20px;}
.chatSidebar .userItem:hover {background:#eaeaea;}
.chatSidebar .userItem a{display: inline-table;}
.chatSidebar .userItem a:hover{ text-decoration: none;}
.chatSidebar .userItem .userImg{float:left;width:40px;height:40px;border:1px solid #e5e5e5;border-radius:50%;overflow:hidden;}
.chatSidebar .userItem .userImg img{height:100%;width:100%;}
.chatSidebar .userItem .userDetails{display:table-cell;width:100%;position:relative;padding:0px 15px 0px 10px;}
.chatSidebar .userItem .userDetails .userStatus{height:8px;width:8px;border-radius:50%;background:#d4d6d7;position:absolute;top:14px;right:0px;}
.chatSidebar .userItem .userDetails .userStatus.online{background:#3dcb35;}
.chatSidebar .userItem .userDetails .userName{color:#7b96c4;font-size:12px;letter-spacing:0.5px;}
.chatSidebar .userItem .userDetails .userStatus.inactive{background:#fbbd0b;}

.chatSidebar .userItem .userImg, .chatSidebar .userItem .userDetails {display: table-cell;vertical-align: middle;}


.chatSidebar .chatbarToggle {position:absolute;top:5px;left:-16px;z-index:10;cursor:pointer;}




/* select box */

	.btn-select {position: relative;padding: 0;min-width: 200px;border-radius: 50px;margin-bottom: 20px;border-color:#d2dae8;}
	.btn-select .btn-select-value {padding: 7px 12px;display: block;position: absolute;left: 0;right: 34px;text-align: left;text-overflow: ellipsis;overflow: hidden;border-top: none !important;border-bottom: none !important;border-left: none !important;border-radius:50px 0px 0px 50px;padding-left:20px;font-size:12px;border-right:none!important;}
	.btn-select .btn-select-arrow {float: right;line-height: 20px;padding: 6px 10px;top: 0;}
	.btn-select ul {display: none;background-color: white;color: black;clear: both;list-style: none;padding: 0;margin: 0;border-top: none !important;position: absolute;left: 12px;right: 12px;top: 33px;z-index: 999;}
	.btn-select ul li {padding: 3px 6px;text-align: left;font-size:12px;}
	.btn-select ul li:hover {background-color: #f4f4f4;}
	.btn-select ul li.selected {color: white;}

	/* Default Start */
	.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active {border-color: #ccc;}
	.btn-select.btn-default ul li.selected {background-color: #ccc;}
	.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value {background-color: white;border: #d2dae8 1px solid;}
	.btn-select.btn-default:hover, .btn-select.btn-default.active {background-color: #fff;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
	/* Default End */

/* end of select box */


.custom-box {border-radius:3px;padding:0px 15px;margin-bottom: 30px;background:#f4f4f4; border:1px solid #d9d9d9;}
.custom-box .box-title{color:#0e6782;text-transform:uppercase;font-size:15px;font-weight:bold;border-bottom:1px solid #0e6782;padding-bottom:15px;line-height: 1.1;}

.custom-box table tr:hover td{color:#fff;}
.custom-box table td, .custom-box table tr {border:none;}
.copyright {font-size:10px;color:#000;padding:15px;}
.custom-box .table>thead>tr>th {border:none;/*text-align:center;*/color:#fff;}
.new_orders tbody tr {cursor:pointer;}
.new_orders tbody tr.active td{background:#55e4d4;}
.custom-box .avm-table .table>thead>tr>th{
	text-align:left;
}


/* analytics part */
	
	.analytics .analytic-item:hover {box-shadow:4px 4px 6px #e5e5e5;color:#555;}
	
	.icon-img {min-height:22px;min-width:22px;height:27px;background-position:center center;background-repeat:no-repeat;margin:auto;}
	.size1, .size2 {width:22px;}
	.size3 {width:33px;}
	.size4 {width:27px;}
	.opened .icon-img{background-image:url('images/opened.png');}
	.processed .icon-img{background-image:url('images/process.png');}
	.qced .icon-img{background-image:url('images/qced.png');}
	.delivered .icon-img{background-image:url('images/delivery.png');}
	
	
	/* .analytics .analytic-item.opened:hover .icon-img{background-image:url('images/opened-hover.png');}
	.analytics .analytic-item.processed:hover .icon-img{background-image:url('images/process-hover.png');}
	.analytics .analytic-item.qced:hover .icon-img{background-image:url('images/qced-hover.png');}
	.analytics .analytic-item.delivered:hover .icon-img{background-image:url('images/delivery-hover.png');} */
	
	.analytics .analytic-item h3 {margin-top:10px; color:#137b9b;}
	.analytics .analytic-item h4 {font-size:20px;color:#137b9b;}
	.analytics .analytic-item .glyphicon{font-size:18px;}
	.text-light-green {color:#3dcb35;}
	.text-light-pink {color:#ff5984;}
	.text-light-orange {color:#fe8a33;}
	.text-sea-green {color:#3bd0ac;}
	
	
	.ordersGroup .analytics .analytic-item {background: #fff;margin-bottom: 15px;}
	.negMargTop10 {margin-top:-10px;}
	.negMargTop2 {margin-top:-2px;}
	.analyticHead .btn-group .btn-custom {background: transparent;margin-right:2px;border-radius:2px!important;}
	.analyticHead .btn-group .btn-custom:hover, .analyticHead .btn-group .btn-custom.active {background: #23272b;color:#fff;}
	
	
	
/* end of analytics part */


/* new record modal window */
	.sideInfo {background:#eee;padding:15px; }
	.sideInfo ul {margin:0px;}
	.sideInfo .list-group-item{padding: 5px 30px 5px 0px; border:none;font-size:14px;background:transparent;cursor:default;}
	.sideInfo .list-group-item:hover{background:#fff;}
	.sideInfo .list-group-item .actionPopup{position: absolute;top: 10px;right: 10px;height: 10px;width: 10px;cursor:pointer; border:none; padding:0;}
	.sideInfo .list-group-item .actionPopup:hover{transform:scale(1.2);}
	.sideInfo .list-group-item .actionPopup:focus, .sideInfo .list-group-item .actionPopup:active{         box-shadow: 0px 0px 0px 1px #989c98;    transform: scale(1.2);}
	.sideInfo .list-group-item :nth-child(1){position:relative;}
	.sideInfo .list-group-item :nth-child(1):after{content:":";position:absolute;top:0px;right:7px;font-family:sans-serif;}
	
	.custom-form .control-label {font-weight:100;font-size:14px; text-align: left; line-height: 30px; color:black; padding-top: 2px;}
	.custom-form .form-control {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:2px solid #e5e5e5;}
	/*.custom-form .form-control:focus {border:2px solid #3dcb35;}*/
	.btn.custom-round {padding: 8px 30px;}
	
/* end of new record modal window */



/* sticky note Style */
	.clipBoards .clipItem .panel .panel-heading i.fa{
		font-size:18px;
	    color: #ababab;
	    cursor:pointer;
	}
.clipBoards .clipItem {margin-bottom:15px;}
	.clipBoards .clipItem .panel .panel-body {max-height:150px;overflow:auto;height:100px}
	
	
	.clipBoards .clipItem.ui-widget-content {border:none;padding:0px;margin:0 1%; width:48%;}
/* end of sticky note Style */




/* modals */
	.custom-title {margin-top:0px;padding-bottom:5px;border-bottom:1px solid #f5f5f5;margin-bottom:15px;}
	.productSetContainer {padding:15px;}
	.scrollModal {max-height:450px;overflow-y:auto;}
	
	.productSetContainer .productSet {padding:15px;border:1px solid #e5e5e5;margin-bottom:15px;}
	.closing {position:relative;overflow:hidden;}
	.closing .close{position: absolute;top: -7px;right: -7px;height: 25px;width: 25px;background: #000;border-radius: 50%;color: #fff;font-size: 12px;font-weight: normal;}
	
	.closing .close span {position: relative;top: 2px;right: 2px;}
	
	body.modal-open {overflow:hidden!important;}
	
	
	fieldset.custom-border {
		border: 1px groove #e5e5e5 !important;
		padding: 0 1.4em 1.4em 1.4em !important;
		margin: 0 0 1.5em 0 !important;
		-webkit-box-shadow:  0px 0px 0px 0px #000;
		box-shadow:  0px 0px 0px 0px #000;
	}
	
	.allAssignments {padding:0px; font-size:13px;}
	.allAssignments .realAssignment{margin-bottom:15px;position:relative;overflow:hidden;padding:0px;}
	
	
	
	legend.legendStyle {padding-left: 5px;padding-right: 5px;}
	fieldset.fsStyle {font-size: small;font-weight: normal;border: 1px solid #e5e5e5;padding: 25px 15px 0px 15px;margin: 5px;}
	legend.legendStyle {font-size:16px;color: #333;margin-bottom: 0px;position: absolute;top: -4px;left: 25px;z-index: 10;background: #fff;display: inline-block;margin: 0px;font-weight: 700;}
	legend {width: auto;border-bottom: 0px;}

	.jBox-footer {padding: 15px 10px;text-align:center;}
	
/* end of modals */



/* 23-12-2016 Style */
	.addItemAnimate {height:0px;opacity: 0;
  transform: rotateX(-90deg);
  transition: all 0.5s cubic-bezier(.36,-0.64,.34,1.76);}
	.addItemAnimate.show {opacity: 1;
  transform: none;
  transition: all 0.5s cubic-bezier(.36,-0.64,.34,1.76);height:250px;}
	
	
	
	.new-item {opacity: 0;-webkit-animation: new-item-animation .3s linear forwards;-o-animation: new-item-animation .3s linear forwards;animation: new-item-animation .3s linear forwards}

	@-webkit-keyframes new-item-animation {
	  from {opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);   }
	  to {    opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1)}
	}
	
	.restored-item {
		animation: 
			/*make sure to open space up before bringing the item into position*/
			openspace .3s ease forwards, 
			restored-item-animation .3s .3s cubic-bezier(0,.8,.32,1.07) forwards;
	}
 
	@-webkit-keyframes openspace {
		to {height: auto;}
	}
 
	@-webkit-keyframes restored-item-animation {
		from {opacity: 0;transform: scale(0); background: #2e3439;}
		to {opacity: 1;transform: scale(1);background: #fff;}
	}
	
	
	
/* end of 23-12-2016 Style */










/* universal CSS */


.jumbo-sm {padding-top: 20px;padding-bottom: 20px;}
.bg1 {background:#3dcb35;}		/*  action light green */
.clr1 {color:#3dcb35!important;}		/*  action light green */


	/* fancy checkbox style */
		.material-switch > input[type="checkbox"] {display: none;}
		.material-switch > label {cursor: pointer;height: 0px;position: relative; width: 40px;}
		.material-switch > label:before {background: rgb(0, 0, 0);box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);border-radius: 8px;content: '';height: 16px;margin-top: -8px;position:absolute;opacity: 0.3;transition: all 0.4s ease-in-out;width: 40px;}
		.material-switch > label:after {background: rgb(255, 255, 255);border-radius: 16px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);content: '';height: 24px;left: -4px;margin-top: -8px;position: absolute;top: -4px;transition: all 0.3s ease-in-out;width: 24px;}
		.material-switch > input[type="checkbox"]:checked + label:before {background: inherit;opacity: 0.5;}
		.material-switch > input[type="checkbox"]:checked + label:after {background: inherit;left: 20px;}
	/* end of fancy checkbox style */


#newReuestTable tbody tr{cursor:pointer;}

.btn-success.custom-btn {background:#31b329;}
.btn-success.custom-btn:hover {background:#35b12f;}
.colonLabels label{position:relative;}
/*.colonLabels label:after{content:":";position:absolute;top:8px;right:0px;font-family:sans-serif;}*/


.chatSidebar .tab-content .tab-pane {display:none;}
.tab-content .tab-pane.active {display:block;}
textarea {max-width:100%;}
.font20 {font-size:20px;}
.no-marg {margin:0px!important;}
.no-pad {padding:0px!important;}
.m-t-0 {margin-top:0px;}
.m-t-5 {margin-top:5px;}
.m-t-10 {margin-top:10px;}
.m-t-11 {margin-top:11px!important;}
.m-t-15 {margin-top:15px;}
.m-t-20 {margin-top:20px;}
.m-t-25 {margin-top:25px;}
.m-t-30 {margin-top:30px;}
.m-t-35 {margin-top:35px;}
.m-t-40 {margin-top:40px;}
.m-t-45 {margin-top:45px;}
.m-t-50 {margin-top:50px;}
.m-t-100 {margin-top:100px;}


.m-r-5   {margin-right:5px;}
.m-r-10 {margin-right:10px;}
.m-r-15 {margin-right:15px;}
.m-r-20 {margin-right:20px;}
.m-r-25 {margin-right:25px;}
.m-r-30 {margin-right:30px;}
.m-r-35 {margin-right:35px;}
.m-r-40 {margin-right:40px;}
.m-r-45 {margin-right:45px;}
.m-r-50 {margin-right:50px;}
.m-r-100 {margin-right:100px;}

.m-b-5   {margin-bottom:5px;}
.m-b-10 {margin-bottom:10px;}
.m-b-15 {margin-bottom:15px;}
.m-b-19 {margin-bottom:19px;}
.m-b-20 {margin-bottom:20px;}
.m-b-25 {margin-bottom:25px;}
.m-b-30 {margin-bottom:30px;}
.m-b-35 {margin-bottom:35px;}
.m-b-40 {margin-bottom:40px;}
.m-b-45 {margin-bottom:45px;}
.m-b-50 {margin-bottom:50px;}
.m-b-100 {margin-bottom:100px;}
.m-l-5   {margin-left:5px;}
.m-l-10 {margin-left:10px;}
.m-l-15 {margin-left:15px;}
.m-l-20 {margin-left:20px;}
.m-l-25 {margin-left:25px;}
.m-l-30 {margin-left:30px;}
.m-l-35 {margin-left:35px;}
.m-l-40 {margin-left:40px;}
.m-l-45 {margin-left:45px;}
.m-l-50 {margin-left:50px;}
.m-l-100 {margin-left:100px;}

.p-t-5   {padding-top:5px;}
.p-t-10 {padding-top:10px;}
.p-t-15 {padding-top:15px;}
.p-t-20 {padding-top:20px;}
.p-t-25 {padding-top:25px;}
.p-t-30 {padding-top:30px;}
.p-t-35 {padding-top:35px;}
.p-t-40 {padding-top:40px;}
.p-t-45 {padding-top:45px;}
.p-t-50 {padding-top:50px;}
.p-t-100 {padding-top:100px;}

.p-r-0   {padding-right:0px;}
.p-r-5   {padding-right:5px;}
.p-r-10 {padding-right:10px;}
.p-r-15 {padding-right:15px;}
.p-r-20 {padding-right:20px;}
.p-r-25 {padding-right:25px;}
.p-r-30 {padding-right:30px;}
.p-r-35 {padding-right:35px;}
.p-r-40 {padding-right:40px;}
.p-r-45 {padding-right:45px;}
.p-r-50 {padding-right:50px;}
.p-r-100 {padding-right:100px;}
.p-b-5   {padding-bottom:5px;}
.p-b-10 {padding-bottom:10px!important;}
.p-b-15 {padding-bottom:15px;}
.p-b-20 {padding-bottom:20px;}
.p-b-25 {padding-bottom:25px;}
.p-b-30 {padding-bottom:30px;}
.p-b-35 {padding-bottom:35px;}
.p-b-40 {padding-bottom:40px;}
.p-b-45 {padding-bottom:45px;}
.p-b-50 {padding-bottom:50px;}
.p-b-100 {padding-bottom:100px;}

.p-l-0   {padding-left:0px;}
.p-l-5   {padding-left:5px;}
.p-l-10 {padding-left:10px;}
.p-l-15 {padding-left:15px;}
.p-l-20 {padding-left:20px;}
.p-l-25 {padding-left:25px;}
.p-l-30 {padding-left:30px;}
.p-l-35 {padding-left:35px;}
.p-l-40 {padding-left:40px;}
.p-l-45 {padding-left:45px;}
.p-l-50 {padding-left:50px;}
.p-l-90 {padding-left:90px;}
.p-l-100 {padding-left:100px;}

/* end of universal CSS */


/* css 6-1-17 */
.createOrder{cursor: pointer;}

.analytics .lft input[type="radio"]{clear: both;}

.analytics .lft .tooltip.top .tooltip-inner {
    background-color:#15687e;
}
.analytics .lft .tooltip.top .tooltip-arrow {
      border-top-color: #15687e;
}

.analytics .lft ul{margin: 0; padding: 0;}
.analytics .lft ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%; margin: 13px 0 0 0;
}

.analytics .lft ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.analytics .lft ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 0;
  padding: 0;
  margin: 0 auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.analytics .lft ul li:hover label{
	color: #FFFFFF;
}

.analytics .lft ul li:hover .check {
  border: 2px solid #FFFFFF;
}

.analytics .lft ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 4px;
	left: 4px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.analytics .lft input[type=radio]:checked ~ .check {
  border: 2px solid #ff5984;
}

.analytics .lft input[type=radio]:checked ~ .check::before{
  background: #ff5984;
}

.analytics .lft input[type=radio]:checked ~ label{
  color: #0DFF92;
}
.createOrder.active{background:#56cfef;}
.custom-box .table-hover>tbody>tr:hover{background:#829ecd; color: #fff;}
.custom-box .createOrder.active>td{background: #7b96c4;}
.custom-box .createOrder.active:hover>td{background: #4e6a9b; color: #fff;}
.custom-box .createOrder:hover td{color: #f2f2f2;}

/* end css 6-1-17 */


/* css 9-1-17 */

/* 14/02/2018 */
.custom-form .realAssignment fieldset.fsStyle{border:0px none; margin:0px; padding:0px;}
.sidetopmrgn{margin:179px 0px 0px;}
/*===16apr18===*/

.restriction_easements .sideInfo{padding:0 15px;}
.restriction_easements .sideInfo .list-group-item{padding: 0;}
.restriction_easements .actionPopup{display: inline-block;float: left;}
.restriction_easements .suplemntal-radio ul li{padding-top: 7px;}
.restriction_easements label{margin:0;}
.restriction_easements .actionPopup:after{display:none;}

/*===15jun18===*/
.upload-document{
	border: 1px solid rgb(221, 221, 221);
    border-radius: 5px;
    padding:10px;
    margin-bottom: 15px;
    width: 100%;
    box-shadow: rgb(189, 188, 188) 0px 3px 5px;
    display: inline-block;
    position: relative;
}
.doc-delete{
    right: 11px;
    top: 4px;
}

/*.border-none{border:0px none; margin:0px; padding:0px;}*/
            @media only screen and (max-width : 540px) 
            {
                .chat-sidebar
                {
                    display: none !important;
                }
                
                .chat-popup
                {
                    display: none !important;
                }
            }
            
            
            .chat-sidebar
            {
                height: 100%;
                right: 0px;
                top: 0px;
                padding-bottom: 10px;
            }
            
            .sidebar-name 
            {
                padding-left: 10px;
                padding-right: 10px;
                font-size: 12px;
            }
            
            .sidebar-name span
            {
                padding-left: 5px;
            }
            
            .sidebar-name a
            {
                    text-decoration: none;
    color: inherit;
    width: 100%;
    display: inline-table;
            }
            
            .sidebar-name:hover
            {
                background-color:#e1e2e5;
            }
            
            .sidebar-name img
            {
                width: 32px;
                height: 32px;
                vertical-align:middle;
            }
            
            .popup-box
            {
                display: none;
                position: fixed;
                bottom: 0px;
                right: 220px;
                height: 285px;
                background-color: rgb(237, 239, 244);
                width: 300px;
                border: 1px solid rgba(29, 49, 91, .3);
            }
            
            .popup-box .popup-head
            {
                background-color: #6d84b4;
                padding: 5px;
                color: white;
                font-size: 14px;
                clear: both;
            }
            
            .popup-box .popup-head .popup-head-left
            {
                float: left;
            }
            
            .popup-box .popup-head .popup-head-right
            {
                float: right;
                opacity: 0.5;
            }
            
            .popup-box .popup-head .popup-head-right a
            {
                text-decoration: none;
                color: inherit;
            }
            
            .popup-box .popup-messages
            {
                height: 100%;
                overflow-y: scroll;
            }
            

.popup-box .popup-messages{overflow: hidden;}
.popup-box .popup-messages input[type="text"]{width: 100%;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    height: 34px;
    line-height: 34px;
    font-weight: 300;
    color: #777;
    font-family: 'Montserrat', sans-serif;
    padding: 0 5px;
    border: 0;
    box-shadow: 0 0 1px #ccc; font-size: 13px;}


/* end css 9-1-17 */


/* css 11-1-17 */
.chat_box .chat_message_wrapper ul.chat_message > li + li {
    margin-top: 4px;
}
.popup-box-on {
    display: block !important;
}
a:focus {
    outline: none;
    outline-offset: 0px;
}
.popup-head-left.pull-left h1 {
    color: #fff;
    float: left;
    font-size: 14px;
    margin:5px 0 0 2px; font-weight: normal;
   
}
.chat-header-button {
    background: transparent none repeat scroll 0 0;
    border: 0;
    border-radius: 7px;
    font-size: 15px;
    height: 26px;
    opacity: 0.9;
    padding: 0;
    text-align: center;
    width: 26px;
}
.popup-head .btn-group {
    margin: -5px 3px 0 -1px;
}
.popup-head {
    background: #829ecd none repeat scroll 0 0 !important;
    border-bottom: 3px solid #ccc;
    color: #fff;
    display: table;
    width: 100%;
    padding: 4px;
}
.popup-head .md-user-image {
    border: 2px solid #5a7172;
    border-radius: 12px;
    float: left;
    width: 44px;
}
.uk-input-group-addon .glyphicon.glyphicon-send {
    color: #ffffff;
    font-size: 21px;
    line-height: 36px;
    padding: 0 6px;
}
.chat_box_wrapper.chat_box_small.chat_box_active {
    
    height: 176px;
    overflow-y: scroll;
    width: 100%;
}
aside {
    background-color:#ddd;
    background-origin: padding-box;
    background-position: center top;
    background-repeat: repeat;
    border:0;
    bottom: 0;
    display: none; margin-left:5px;
    height: 250px; 
    float: right;
    right: 0;
    width: 300px;
    font-family: 'Open Sans', sans-serif; overflow: hidden; z-index: 999999 !important;
}
.footer-chat .chat_submit_box input[type="text"]{width: 90%; line-height: 35px; border: 0; margin: 0; padding: 0 6px; font-size: 13px; border-right: 1px solid #ddd;}
.chat_box {
    padding: 6px;
}
.chat_box .chat_message_wrapper::after {
    clear: both;
}
.chat_box .chat_message_wrapper::after, .chat_box .chat_message_wrapper::before {
    content: " ";
    display: table;
}
.chat_box .chat_message_wrapper .chat_user_avatar {
    float: left;
}
.chat_box .chat_message_wrapper {
    margin-bottom: 32px;
}
.md-user-image {
    border-radius: 50%;
    width: 34px;
}
img {
    border: 0 none;
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message > li {
    list-style: outside none none;
    padding: 0;
}
.chat_box .chat_message_wrapper ul.chat_message {
    float: left;
    margin: 0 0 0 20px;
    max-width: 77%;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-right-color: #616161;
}
.chat_box .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 0 16px 16px 0;
    content: "";
    height: 0;
    left: -14px;
    position: absolute;
    top: 0;
    width: 0;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li {
    background: #FCFBF6 none repeat scroll 0 0;
    color: #000000;
}

.chat_box .chat_message_wrapper ul.chat_message > li {
    background: #ededed none repeat scroll 0 0;
    border-radius: 4px;
    clear: both;
    color: #212121;
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 16px;
    position: relative;
    word-break: break-all;
}
.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message > li {
    list-style: outside none none;
    padding: 0;
}
.chat_box .chat_message_wrapper ul.chat_message > li {
    margin: 0;
}
.chat_box .chat_message_wrapper ul.chat_message > li p {
    margin: 0;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li .chat_message_time {
    color: rgba(185, 186, 180, 0.9);
}
.chat_box .chat_message_wrapper ul.chat_message > li .chat_message_time {
    color: #727272;
    display: block;
    font-size: 11px;
    padding-top: 2px;
    text-transform: uppercase;
}
.chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {
    float: right;
}
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message {
    float: right;
    margin-left: 0 !important;
    margin-right: 24px !important;
}
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child::before {
    border-left-color: #E8FFD4;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-right-color: #FCFBF6;
}
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child::before {
    border-color: transparent transparent transparent #ededed;
    border-width: 0 0 29px 29px;
    left: auto;
    right: -14px;
}
.chat_box .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 0 29px 29px 0;
    content: "";
    height: 0;
    left: -14px;
    position: absolute;
    top: 0;
    width: 0;
}
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li {
    background: #E8FFD4 none repeat scroll 0 0;
}
.chat_box .chat_message_wrapper ul.chat_message > li {
    background: #ededed none repeat scroll 0 0;
    border-radius: 12px;
    clear: both;
    color: #212121;
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 16px;
    position: relative;
}
.gurdeep-chat-box {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    padding: 3px;
}
#submit_message {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    padding: 4px;
}
.gurdeep-chat-box i {
    color: #333;
    font-size: 21px;
    line-height: 1px;
}
.chat_submit_box {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%; background: #f9f9f9; box-shadow: 1px 1px 2px #000;
}
.uk-input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}


.footer-chat{position:fixed; bottom:0; right:220px; height:250px;  width: auto; max-width: 69%; z-index: 9999999;}
.footer-chat .chatWindowBaseCss {
	position:absolute !important;
}
.chat_submit_box a{margin-left: 3px;}

.modal-overlay{background: #f00;
    position: fixed;
    left: 0;
    top: 0;
    width: 70%;
    height: 100%;
    opacity: 0; margin: 0 15%}

.table-disable.active {
    background:rgba(0, 0, 0, 0.70);
    position: absolute;
    z-index: 9;
    width: auto;
    height: 100%;
    left: 15px;
    right: 15px;
    max-height: 300px; 
}
.custom-box .table-responsive{position:relative;}
.clipBoards{overflow-x: hidden;}

.orderClipBoards .panel-heading .fa {font-size: 18px; color: #ababab; cursor: pointer;}

.orderClipBoards {overflow-x: hidden;}

.modal-overlay{background: #f00;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
}

.jBox-Modal:last-child .modal-overlay{
	display:block;
}
/*.clipBoards:first-child .pull-left{
	display:none;	
}
.clipBoards .pull-left{
	display:block;	
}*/
/* end css 11-1-17 */

/*-----login-page------*/

.log-in{
  width:100%;
}

.login-in h3{
    font-family: Roboto;
    font-weight: 500;
    color: #1875ad;
}

.myform h4 {
    font-family: Roboto;
    font-weight: 300;
    margin-bottom: 18px;
    font-size: 16px;
}

.fp .p1 {
    font-size:12px;
    font-family: Roboto;
    font-weight: 400;
    float: left;
    margin-top: 5px; 
}

.fp .p1 a {
     color:#222;
     text-decoration:none;
}

.fp .p2 {
    font-size:12px;
    font-family: Roboto;
    font-weight: 400;
    float: right;
   
   
}

.fp .p2 input {
    position: relative;
    top: 2px;
}

.mypanel {
 border-radius:2px;
 background:#f7f7f7;
 box-shadow:1px 2px 3px #666;
}

.login-form{
   margin-top: 120px;
}



.myform form .form-group input{
   border-radius: 3px;
   font-size: 14px;
   font-family: inherit;
   font-weight: 400; height:44px;

}

.mybtn {
    border: 1px solid #23262b;
    background: #23262b; width:100%;
    padding: 8px 38px;
    border-radius: 2px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.mybtn:hover{border: 1px solid #000; background: #000;}
.btn-success{border: 1px solid #167a11; background: #31b329;}
.btn-success:hover {background: #167a11; border: 1px solid #31b329;}

.log-in-bg{
  
    height: 100% !important;
    position: fixed;
}
.margin-top-0{margin-top:0;}
.login-bg{background:url(../images/bg2.jpg) right bottom repeat-x rgb(240, 240, 240); margin:0;}
.inside-page{background:rgb(240, 240, 240); margin:0;}
.no-padding {padding: 0;}
.logo{width:50%;}
.log-in .panel-default>.panel-heading{background:#e5e5e5; text-align:center; border:0; margin-bottom:50px; border-radius:0;}
.log-in .panel-default{border:0; padding:50px 0 35px 0;}
.log-in .myform{padding:0 50px;}
.log-in  input[type=checkbox], input[type=radio]{    vertical-align: sub;}
.log-in .fp, .p1{font-size:12px; color:#999; font-weight:400;}
.log-in .p1 a, .fp a{text-decoration:none; }
/*-----login-page------*/

/*-----popup------*/
.order-table a{text-decoration:none; font-size:12px; color:#f2f2f2; width:100%; display:block;}

/*-----popup------*/


/*--start-administrative-group-page--*/

.analytics .lft ul li .check{display: block;  position: absolute; border: 2px solid #AAAAAA; border-radius: 100%; height: 20px; width: 20px; top: 5px; left: 20%; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear;}
.custom-box .col-md-6,.col-md-4{padding-left:15px; padding-right: 0;}
.searchPopup .col-md-8{padding-right: 0;}
.custom-box .col-md-4:first-child{padding: 0;}
.navbar-brand {height:auto;width:225px;display:block;float:left;padding: 27px 30px;background:#e5e5e5;}
.analytics .lft{float: left; color: #fff; width: 4%;}
.analytics .rgt{float: left; width: 96%;}
.analytics .analytic-item {border-radius:3px;margin-bottom:30px;color:#137b9b;padding:25px 10px 15px;transition:all 0.3s linear; cursor:pointer; background:#f4f4f4; border:1px solid #d9d9d9;}
.administrative-group .analytics .analytic-item h4{font-size:1.1em; line-height: 20px; margin-bottom: 0px; min-height: 30px;} 
.administrative-group .analytics .analytic-item h3{margin-bottom: 0; margin-top: 0;}
.lft-menu .dropdown-menu{position: relative; width: 100%; font-size: 13px; background:rgba(173, 173, 173, 0.23); box-shadow: none; border: 0;}
.administrative-lft-menu{font-size: 13px;}
.navbar-inverse .side-nav.administrative-lft-menu  li a {color:#f4f4f4;text-transform:uppercase;padding:18px 5px 18px 40px;font-size:14px;position:relative;}  
.navbar-inverse .side-nav.administrative-lft-menu  li i.fa{top: 20px; left: 19px;}
.navbar-inverse .side-nav.administrative-lft-menu  li a:hover{color:#f4f4f4;}  
.navbar-inverse .side-nav.administrative-lft-menu  li a i.fa {position:absolute;top:14px;left:18px;} 
.navbar-inverse .navbar-nav.administrative-lft-menu > .open > a{background: rgba(128, 128, 128, 0.2); color: #f4f4f4;}
.administrative-lft-menu .caret{float: right; margin-top: 8px; margin-right: 10px;}
.left-menu.administrative-lft-menu .caret{float: none; margin-top:0px;} 
.rotate{
    transform: rotate(-180deg);
}
/*--end-administrative-group-page--*/

/*--calendar--*/
.calend #datepicker{background:url(../images/calendar.png) right no-repeat; margin:0; cursor: pointer;}
/*--calendar--*/

/*--start-profile-page--*/
.profile-page{color: #fff; font-weight: 100;}
.profile-page .lft-profile input[type="text"]{height:30px;}
.profile-page .profile-input label{font-weight: 100;position:relative; width: 21%; text-align:left; line-height: 30px;}
/* .profile-page .profile-input label::after{content: ':'; position: absolute; text-align: right; margin: -2px 0 0 25px; padding: 0;} */
.profile-page .profile-input{font-size: 12px; width: 100%; display: inline-block; padding: 25px 0;}
.profile-page .profile-input input[type="text"], input[type="email"]{width: 80%; background: none; border: 0; border-bottom: 1px solid #43494d; float: right; line-height: 30px; padding: 0 15px; height: 30px; color: #2fb629;}  
.profile-page .profile-input select{width: 80%; background: none; border: 0; border-bottom: 1px solid #43494d; float: right; line-height: 30px; padding: 0 12px;  height: 30px; color: #2fb629;  -webkit-appearance:none; background: url(images/angle-down.png) no-repeat right;}
.profile-page ::-webkit-input-placeholder {color: #666;}
.profile-page .profile-input .sep{margin-bottom: 10px;}
.pro-btn{width: 80%; float: right;}
.sub-btn{font-size: 12px; padding: 6px 20px; border: 1px solid #167a11;}
.cancel-btn{background: #1e2022; border: 1px solid #181a18; font-size: 12px; padding: 6px 20px; margin-left: 5px;}
.cancel-btn:hover{background: #000; color: #fff;}
.chatSidebarOpen .profile-page .profile-pic{width:150px; height:150px; margin: 0 auto; border-radius: 50%; border: 3px solid #24292d; overflow: hidden; text-align: center; background: #fff; position: relative;}
.chatSidebarOpen .profile-page .profile-pic img{width: 100%; height:auto;}
.chatSidebarOpen .profile-page .profile-pic:hover .input-overlay{background: rgba(0, 0, 0, 0.65); height: 100%;}
.chatSidebarClosed .profile-page .profile-pic{width: 74%; margin: 0 auto; border-radius: 50%; border: 3px solid #24292d; overflow: hidden; text-align: center; background: #fff; position: relative;}
.chatSidebarClosed .profile-page .profile-pic:hover .input-overlay{background: rgba(0, 0, 0, 0.65); height: 100%;}
.pro-name{width: 100%; margin: 15px 0; position: relative;}
.pro-name input[type="text"]{text-align: center; border: none; height: 36px; line-height: 36px; width: 100%; font-size: 22px; font-weight: 100; color: #fff; background: none; }
.pro-name .edit{position: absolute; right: 0; background: none; border: none; font-size: 16px; top:5px;}
.pro-name ::-webkit-input-placeholder {color: #fff;}
.pro-left hr{margin: 15px -15px; border-top: 1px solid #43494d;}
.pro-left p{width: 100%; margin: 0 0 5px 0; text-align: center; color: #848484; font-size: 14px; font-family: MontserratLight;}
.input-overlay{position: absolute; bottom: 0; text-align: center; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.45); -webkit-transition: 1s; transition: 1s; padding: 15px 0 0 0;}

.fileContainer {overflow: hidden; position: relative;}
.input-overlay label{font-weight: 100; display: block; width: 100%; height: 100%; cursor: pointer;}
.fileContainer i{clear: both; width: 100%; font-size: 50px; margin: 50px 0 0 0;}

.fileContainer [type=file] {cursor: inherit; display: block; font-size: 999px; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; text-align: right; top: 0;}

input[type="text"], input[type="password"], textarea, select, button {outline: none;}


/*--end-profile-page--*/

/*--start-switch-role-page--*/
.modal-switch{width: 360px;}
.inside-page .modal-header{border-radius: 4px 4px 0 0; padding: 15px 20px; background: #2e3439; border-bottom: 1px solid #eee; color: #fff;}
.inside-page .modal-header .close{display: none;}
.modal-switch select {width: 100%; border: 0; border-bottom: 1px solid #cecece; color: #9f9f9f; height: 30px; line-height: 30px; font-size: 13px; margin-bottom: 20px; -webkit-appearance:none; background: url(images/angle-down.png) no-repeat right; padding: 0 4px;}
.modal-switch input[type="text"], input[type="password"] {width: 100%; border: 0; border-bottom: 1px solid #cecece; color: #9f9f9f; height: 30px; line-height: 30px; font-size: 13px; padding: 0 4px; margin-bottom: 20px;}
.modal-switch ::-webkit-input-placeholder {color: #9f9f9f;}
.modal-switch i{position: absolute; right: 20px; top: 10px; color: #9f9f9f;}
.modal-switch select option{background:#fff; color: #9f9f9f; line-height: 30px;}
.wid100{width: 100%;}
.switch-sep{width: 100%; margin:10px 0 20px 0; float: left;}


/*--end-switch-role-page--*/

/*--start-avm-page--*/
.avm-group{display: block;}
.sep{display: block; position:relative;}
.avm-group .mainTitle h3{font-size: 20px; color: #3dcb35; margin-top: 10px;}
.avm-group .mainTitle h3 span{color: #696969;}
.avm-group .sep h5{display: inline-block; vertical-align: super;}
.radio-style{}

.radio-style ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.radio-style ul li label{
  display: inline-block;
  position: absolute;
  font-weight: 300;
  font-size: 15px;
  padding: 0;
  margin: 0;
  height: 30px;
  z-index: 9; top: 0; padding-left: 34px;
  cursor: pointer;
  -webkit-transition: all 0.25s linear; left: 0;
}

.radio-style ul li:hover label{
	color: #FFFFFF;
}

.radio-style ul li:hover .check {
  border: 2px solid #FFFFFF;
}

.radio-style ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 4px;
  left: 4px;
  margin: auto;
  transition: background 0.25s linear;	
  -webkit-transition: background 0.25s linear;
}

.radio-style input[type=radio]:checked ~ .check {
  border: 2px solid #ff5984;
}

.radio-style input[type=radio]:checked ~ .check::before{
  background: #ff5984;
}

.radio-style input[type=radio]:checked ~ label{
  color: #3dcb35;
}
.radio-style ul li .check{display: inline-block;  position: relative; border: 2px solid #AAAAAA; border-radius: 100%; height: 20px; width: 20px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; margin: 0 10px; margin-top: 5px;}
.radio-style ul{margin: 0 0 0 20px; padding: 0; display: inline-block;}
.radio-style ul li{display: inline-block; list-style: none; position: relative; width: 120px;}
.radio-style ul li:nth-child(2){width: 120px;}
.radio-style ul li:nth-child(3){width: 130px;}
.remote-request ul li:nth-child(2){width: 190px !important;}
.avm-table{width:100%; display:inline-block;}
.avm-table table td span, th span {width: 120px; display: inline-block;}
.navbar-inverse .side-nav.administrative-lft-menu li button{background: none; border: none; padding: 0 0 0 18px; color: #7b96c4;}
.navbar-inverse .side-nav.administrative-lft-menu li button .fa{margin-right: 7px;}
#sidemenu .offline{color: #f93021 !important; background:url(../images/offline.png) right no-repeat !important;}
#sidemenu .online{color: #3dcb35 !important; background:url(../images/online.png) right no-repeat !important;}
.underline{border-bottom: 1px solid #999 !important; background: rgba(0, 0, 0, 0.11) !important;}

/*--end-avm-page--*/


/*--start-order-popup-page--*/
.order-popup{color: #000; font-size:14px;}
.order-popup .col-md-7{padding-left: 0;}
.order-popup .col-md-5{padding-right: 0;}
.order-popup .modal-body h4{border-bottom:1px solid #e5e5e5; padding-bottom: 5px; color: #333;}
.order-popup label{display: block; float: none;}
.order-popup .btn span.glyphicon {opacity: 0;}
.order-popup .btn.active span.glyphicon {opacity: 1;}
.order-popup label.btn{padding: 1px 4px; margin: -2px 5px 10px 0;}
.order-popup .btn-default.active{color: #fff; background-color: #66aaff; border-color:#336fbc; -webkit-box-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.28); box-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.28);}
.order-popup .btn-default{    background-color: rgba(197, 197, 197, 0); border-color: rgba(117, 117, 117, 0.46); -webkit-box-shadow: none; box-shadow: none; border-radius: 0;}
.order-popup .add-search{background: #66aaff; border:1px solid #336fbc; color: #fff; font-size: 13px;}
.order-popup .add-search:hover{background: #336fbc; border:1px solid #66aaff; color: #fff; font-size: 13px;}
.order-popup .correct-spelling{background: #66aaff; border:1px solid #336fbc; color: #fff; font-size: 13px;}
.order-popup .correct-spelling:hover{background: #336fbc; border:1px solid #66aaff; color: #fff; font-size: 13px;}
.order-popup .submit{background: #31b329; border: 1px solid #167a11; color: #fff; font-size: 13px;}
.order-popup .submit:hover{background: #167a11; border: 1px solid #31b329; color: #fff; font-size: 13px;}
.closee{background: #bf2216; border: 1px solid rgb(181, 27, 15); color: #fff; font-size: 13px; padding:6px 30px;}
.closee:hover{background: #f93021; border: 1px solid #8c0000; color: #fff; font-size: 13px;}
.order-popup .modal-footer{text-align:center;}
.forgot h3{text-align: center; margin: 0 0 20px 0; font-size: 20px;}
.order-popup .btn{padding: 4px 20px; margin: 0 4px;}
.srch-ordr-poup{}
.srch-ordr-poup .detl-txt span{width: 42%; display: inline-block;}
.srch-ordr-poup .detl-ord-txt{width: 100%; display: inline-block; margin-bottom: 20px;}
.srch-ordr-poup .detl-ord-txt span{width:20%; display: inline-block; float: left; line-height: 34px;}
.srch-ordr-poup input[type="text"]{float: right; width:78%;}

/*--end-order-popup-page--*/

/*--start-sepplemental-searches-popup--*/
.supplemental-table{border:1px solid #ddd; background:#fff;}
.supplemental-table tr, th, td{border:1px solid #ddd; vertical-align:middle !important;}
.supplemental-table tr th{background:#ccc;}
.supplemental-table tbody>tr:nth-of-type(even){background:rgba(130, 130, 130, 0.1);}

.suplemntal-radio{display: inline-block; margin-bottom: 0;  }
/* #appendSecondary, #profileSecondary {width:73%; padding:0px 15px;} */
.suplemntal-radio ul li input[type=radio]{position: absolute; visibility: visible; z-index: 99; opacity: 0; display: block; width: 100%; cursor:pointer; min-height:18px;}
.suplemntal-radio ul li label{display: inline-block; position: relative; font-weight: 300; font-size: 13px; padding: 0; margin: 0;  z-index: 9; top: 0; cursor: pointer; -webkit-transition: all 0.25s linear; left: 0;}
.suplemntal-radio ul li:hover label{color: #333;}
.suplemntal-radio ul li:hover .check {border: 2px solid #333;}
.suplemntal-radio ul li .check::before {display: block; position: absolute; content: ''; border-radius: 100%; height: 8px; width: 8px; top: 2px; left: 2px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear;}
.suplemntal-radio input[type=radio]:checked ~ .check {border: 2px solid #ff5984;}
.suplemntal-radio input[type=radio]:checked ~ .check::before{background: #ff5984;}
.suplemntal-radio input[type=radio]:checked ~ label{color: #66aaff;}
.suplemntal-radio ul li .check{display: inline-block;  position: relative; border: 2px solid #AAAAAA; border-radius: 100%; height: 16px; width: 16px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; margin: 0 10px; margin: 0 4px; vertical-align: middle;}
.suplemntal-radio ul{margin: 0; padding: 0; display: inline-block;}
.suplemntal-radio ul li{display: inline-block; list-style: none; position: relative;}
/*.suplemntal-radio ul li:nth-child(2){margin-left:10px;}
.suplemntal-radio ul li:nth-child(3){margin-left:10px;}
.suplemntal-radio ul li:nth-child(4){margin-left:10px;}
.suplemntal-radio ul li:nth-child(5){margin-left:10px;}
.supplemental-table .btn-success{padding:4px 14px;}*/
.suplemntal-close{text-align:center;}

/*--end-sepplemental-searches-popup--*/

/*--start-avm-new-order-table--*/
.avm-order-table{}
.avm-order-table .sep{margin-bottom:10px; height:36px; line-height:30px; /*background:#f9f9f9;*/}
.avm-order-table .col-md-5 .sep .left{width:32%; display:inline-block;}
.avm-order-table .col-md-5 .sep .right{width:64%; display:inline-block; margin-left:2%;}
.avm-order-table .col-md-7 .sep .left{width:26%; display:inline-block; float:left;}
.avm-order-table .col-md-7 .sep .right{width:70%; display:inline-flex; margin-left: 2%;}
.avm-order-table .sep .right .two{width:49%; display:inline-block;}
.avm-order-table .sep .right .two label{ margin-left: 10px;}
.avm-order-table .sep .right .two .form-control{width:59%; display:inline-block;float: right;}
.avm-order-table .sep .right .three{width:34%; display:inline-block;}
.avm-order-table .sep .right .three label{ margin-left: 10px;}
.avm-order-table .sep .right .three:nth-child(1){/*width:31%;*/}
.avm-order-table .sep .right .three:nth-child(3){/*width:32%;*/}
.avm-order-table .sep .right .three .form-control{width:54.8%; display:inline-block;float: right;}
.suplemntal-radio.order-popup label.btn{ margin: 0;padding: 1px 3px 0px;width: 21px;height: 21px;}

.profile-page .profile-input .suplemntal-radio.order-popup label:after{
	content:"";
}
.suplemntal-radio.order-popup .btn-group{margin-right: 10px;float: right;}
.avm-textarea textarea{height:120px;}
.w100{width:100%;}
.w100 button {float:none; margin-right:5px;}
.jBox-footer {display: table; width:100%;}
.btn-success.addbtn, .btn-success.add_b, .btn-success.submitCountySearch, .btn-success.submitSuppSearchType{background: #449d44; border: 1px solid #398439; color: #fff; font-size: 0; height: 25px; width: 25px; border-radius: 50%; padding: 0;}
.orderRespone-textarea textarea{height:420px;}

.order-popup .add-search .fa{padding-left:5px;}

/*--end-avm-new-order-table--*/


/*--start-QC-group--*/
.todo{overflow-x: hidden;}
.qc-group .custom-box .col-md-6:first-child {padding: 0;}
.qc-group .analytics .analytic-item h4 {font-size: 1.1em; line-height: 20px; margin-bottom: 5px; min-height: 30px;}
.qc-group .col-lg-12 .row .col-md-4:last-child{padding-right: 15px;}
.qc-group .panel-heading .fa {font-size: 18px; color: #ababab; cursor: pointer;}
.todo .panel-body{height: 120px;}
.qc-group .col-lg-12 .row .col-md-6{padding-right: 0;}
.qc-group .col-lg-12 .row .col-md-6:last-child{padding-right: 15px;}
.qc-group .analytics .analytic-item h3{margin: 0; padding: 0;}
.order-popup .add-search .fa{padding-left:5px;}
.readeract .list-group-item :nth-child(1){position:absolute; left:-5px; z-index:9;}
.btn.custom-round{margin:0 4px; padding:4px 20px;}
.readactbtn{background: #1e2022; border: 1px solid #181a18;}
.readactbtn:hover, .readactbtn:focus{background:#000; border: 1px solid #181a18;}
.adminstra-table table td{text-align:left;}
.ord-status .left{width:30%; display:inline-block;}
.ord-status span{width:5%; display:inline-block;}
.jBox-wrapper h4{color:#66aaff; padding-bottom: 5px; border-bottom:1px solid #ccc;}
.jBox-footer .order-popup{display: inline-block; text-align: center; width:100%;}
.ord-status .sep{margin-bottom: 5px;}
.side-nav.p-t-20{padding-top:0;}
.navbar-inverse .side-nav>.active>a{color:#f4f4f4; background:#10718f; border-left:2px solid #fff;}
.navbar-inverse .side-nav li a:hover{color:#f4f4f4; background:#10718f;}
.navbar-inverse .side-nav li:hover{color:#f4f4f4; background:#10718f;}
.navbar-inverse .side-nav>.active>a:hover{color:#fff; background:#10718f;}
.order-date-time{display:inline-block; font-size:13px; color:#4a3f3f; padding-left: 5px;}

/*--start-QC-group--*/

.btn-success.addbtn.float-right{
	Width:13px ;height:13px;
	float:right;
}
@-webkit-keyframes example {
    from {color: #fff;}
    to {color: #337ab7;}
}

/* Standard syntax */
@keyframes example {
    from {color: #fff;}
    to {color: #337ab7;}
}

.notification{
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .8s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: .8s;
    animation-iteration-count: infinite;
}

@media screen and (min-width:1024px) and (max-width:1260px) {
	.chatOpen  #page-wrapper.mainContainer, .chatClosed  #page-wrapper.mainContainer {padding-right:30px;}
	
	.chatSidebar {box-shadow: -5px 0 5px -2px #d2d2d2;}
	/* .chatSidebar .chatbarToggle .fa-circle:before{box-shadow: -2px 0px 2px #d2d2d2;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} */
	/* .chatSidebar .chatbarToggle {display:none;} */
	
	/* .chatClosed .chatSidebar .chatbarToggle {top: 0px;left: -25px;height: 100%;background: #293b5a;}
	.chatClosed .chatSidebar .chatbarToggle .chat-icon {top:50%;margin-top:-18px;}
	.chatClosed .chatSidebar .chatbarToggle .chat-icon .fa-circle {color:transparent!important;}
	.chatClosed .chatSidebar .chatbarToggle .chat-icon .fa-angle-left:before {content:"\f0e5";color:#fff;} */
	.tooltip{display:none!important;}
}


@media screen and (min-width:768px) {
    body {margin-top: 90px;}
    #wrapper {padding-left: 225px;}
    #page-wrapper {padding: 10px;}
    .side-nav {position: fixed;top: 90px;left: 225px;width: 225px;margin-left: -225px;border: none;border-radius: 0;overflow-y: auto;background-color: #137b9b;bottom: 0;overflow-x: hidden;padding-bottom: 40px;}
    .side-nav>li>a {width: 225px;}
    .side-nav li a:hover {outline: none;}
}


/*--start-profile-page--*/

.profile-page{color: black; font-weight: 100;}
.profile-page .profile-input label{font-weight: 100; width: 26%; text-align: left; line-height: 30px;}

/* .profile-page .profile-input label::after{content: ':'; position: absolute; text-align: right; margin: -2px 0 0 10px; padding: 0;} */
.profile-page .profile-input{font-size: 14px; width: 100%; display: inline-block; padding: 0;}
.profile-page .profile-input input[type="text"], input[type="email"]{width: 70%; background: none; border: 0;border-radius:5px; border:1px solid #ccc; float: right; line-height: 30px; padding: 0 15px; height: 30px; color: #555;}  
.profile-page .profile-input select{width: 70%; background: none; border: 0; border:1px solid #ccc; float: right; line-height: 30px; padding: 0 12px;  height: 30px; color: #555;  -webkit-appearance:none; background: url(images/angle-down.png) no-repeat right;}
.profile-page ::-webkit-input-placeholder {color: #666;}
.profile-page .profile-input .sep{margin-bottom: 10px;}
.pro-btn{width:67%; float: right;}
.sub-btn{font-size: 12px; padding: 6px 20px; border: 1px solid #167a11;}
.cancel-btn{background: #1e2022; border: 1px solid #181a18; font-size: 12px; padding: 6px 20px; margin-left: 5px;}
.cancel-btn:hover{background: #000; color: #fff;}
.profile-page .pro-left{width: 100%; padding:25px 0 25px;}
.jBox-Modal .profile-page .profile-pic{width: 216px; height: 210px; margin: 0 auto; border-radius: 50%; border: 3px solid #24292d; overflow: hidden; text-align: center; background: #fff; position: relative;}
.jBox-Modal .profile-page .profile-pic:hover .input-overlay{background: rgba(0, 0, 0, 0.65); height: 100%;}
/*.chatSidebarClosed .profile-page .profile-pic{width: 74%; margin: 0 auto; border-radius: 50%; border: 3px solid #24292d; overflow: hidden; text-align: center; background: #fff; position: relative;}
.chatSidebarClosed .profile-page .profile-pic:hover .input-overlay{background: rgba(0, 0, 0, 0.65); height: 100%;}*/
.pro-name{width: 100%; margin: 15px 0; position: relative;}
.pro-name input[type="text"]{text-align: center; border: none; height: 36px; line-height: 36px; width: 100%; font-size: 15px; font-weight: 600; color: #43494d; background: none; font-family: MontserratExtraLight;}
.pro-name .edit{position: absolute; right: 0; background: none; border: none; font-size: 16px; top:5px;}
.pro-name ::-webkit-input-placeholder {color: #fff;}
.pro-left hr{margin: 15px -15px; border-top: 1px solid #43494d;}
.pro-left p{width: 100%; margin: 0 0 5px 0; text-align: center; color: #848484; font-size: 14px; font-family: MontserratLight;    overflow-wrap: break-word;}
.input-overlay{position: absolute; bottom: 0; text-align: center; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.45); -webkit-transition: 1s; transition: 1s; padding: 15px 0 0 0;}

.fileContainer {overflow: hidden; position: relative; color:#fff;}
.input-overlay label{font-weight: 100; display: block; width: 100%; height: 100%; cursor: pointer;}
.fileContainer i{clear: both; width: 100%; font-size: 50px; margin: 50px 0 0 0; color:#fff;}

.fileContainer [type=file] {cursor: inherit; display: block; font-size: 999px; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; text-align: right; top: 0;}

input[type="text"], input[type="password"], textarea, select, button {outline: none;}
.panel-body.myform input[type="password"]{display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.perchek li{width:105px;}
.perchek li .lft-txt{float:left;}
.multi-clr-tble{border:1px solid #0f6e8b;}
.multi-clr-tble .box-title{background:#137b9b; color:#f4f4f4; padding:15px; margin:0; font-weight: normal; font-size:14px;}
.multi-clr-tble .table-hover td{color:#137b9b; padding-left:15px;}
.multi-clr-tble table thead th{background:#4093ad; padding-left:15px; font-size:14px;}
.multi-clr-tble table tbody>tr:nth-of-type(even){background: #ddd;}
.logUser img{height:45px; width:45px; border-radius:50%;}

.multi-clr-tble .radio-style{color:#137b9b; padding-left:15px;}
.multi-clr-tble .radio-style ul li:hover label{color:#333;}
.multi-clr-tble .radio-style ul li:hover .check{border: 2px solid #333;}
.mainTitle small{color:#f4f4f4;}


/*search order popup*/
.m_searchOrder_group {
	margin-left: -15px;
}
.m_searchOrder_group.srch-ordr-poup .detl-ord-txt span,
.m_searchOrder_group.srch-ordr-poup .detl-txt span{
	text-align: left;
	padding-left: 0;
	width: 50%;
}
.m_searchOrder_group.srch-ordr-poup .detl-ord-txt,
.m_searchOrder_group.srch-ordr-poup .detl-txt{
	margin-bottom: 15px;
}
.m_searchOrder_group.srch-ordr-poup input[type="text"],
.m_searchOrder_group .suplemntal-radio{
	width: 48%;
}
.m_searchOrder_group .suplemntal-radio ul li .check{
	margin-left: 0;
}

/*order staus popup*/
.sep.m_sepleft {
    width: 37%;
    display: inline-block;
    float: left;
}
.sep.m_sepleft .left {
    width: 83%;
    float: left;
}
.m_sepright {
    width: 63%;
    float: right;
}
.m_sepright > label {
    display: inline-block;
    width: 50%;
    font-weight: normal;
}

/*order screen checkbox implementation*/
.m_checkbox.order-popup label.btn{
	margin: 7px 0 0;
}
.m_checkbox.order-popup label.btn:after{
	content: '';
}

/*order table scroll*/
.m_tblresp{
	max-height: 500px;
	overflow-y: auto;
}
.m_tblresp .table{
	margin-bottom: 0;
}
/* .jBox-Modal {
	transform: translate(-50%, -50%) !important;
	top: 50% !important;
	left: 50% !important;
} */
/*  AVM Create Order Popup      */
#AvmCreateModaldata .input-group-addon, .input-group-btn
{
	    width: 12% !important;
}
/*  AVM Create Order Popup      */

/* manula popup  */
.pop_up {
	position: fixed;	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 99999;
	display: none;
}
.dialog {
	width: 900px;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	border-radius:5px;
	overflow:hidden;
}
.pop_up .popup-title {
    border-radius: 4px 4px 0 0;
    padding: 15px 20px;
    background: #137b9b;
    border-bottom: 1px solid #eee;
    color: #fff;
}
.pop_up .popup-body{
	padding: 15px 20px;
}
.white-container {
	float: left;
	background: #fff;
	padding: 10px 0px;
	width: 100%;
}

.dialog .white-container p {
	padding: 10px;
	text-align: center;
	line-height: 20px;
}
.padding_0 {
	padding: 0px !important;
}
.pop_up .close {	
	color: #FFFFFF;
	line-height: 29px;
	position: absolute;	
	text-align: center;
	top: 0px;
	font-weight:normal;
	opacity:1;
	font-size:12px;
	right:0px;
	padding:10px;
}
.pop_up .close:hover{
	background:none;
}
.close svg{
	width:12px;
	height:12px;
}
.close path {
    fill: #fff;
}

.close:hover {
	background: #8295D2;
}
.popup-footer{
	padding: 15px 10px;
    text-align: center;
    background: #fafafa;
    border-top: 1px solid #eee;
}
.close-btn{
	background: #bf2216;
    border: 1px solid rgb(181, 27, 15);
    color: #fff;
    font-size: 13px;
    padding: 4px 20px;
}
.close-btn:hover{
	background: #f93021;
    border: 1px solid #8c0000;
    color: #fff;
    font-size: 13px;
}
/*end  manula popup  */
.statusInput {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.userProfileForm .perchek li:nth-child(1) .lft-txt{/*width:65px;*/ display:inline-block;}
.userProfileForm .perchek li:nth-child(1){width:105px;}
.userProfileForm .suplemntal-radio ul{margin-left: 0px; padding: 0; display: inline-block;}

.userProfileForm .perchek .secondary-role{
	margin-left: 3px;
}

ul.secondary-role{
	line-height: 30px;
}
ul.secondary-role .lft-txt{
	float:left;
}
/*.userProfileForm .perchek .secondary-role li,
.userProfileForm .perchek .secondary-role li .lft-txt{
	width:inherit;
}*/

.profile-page .profile-input .inline-radio-buttons{
	display:inline-block;
	margin-left: 14px;
	width:70%;
}
.profile-page .profile-input .inline-radio-buttons label{
	width:90px;
}
.profile-page .profile-input .inline-radio-buttons label:after{
	display:none;
}
.profile-page .profile-input .inline-radio-buttons label input[type="radio"]{
	margin-top:9px;
}
.logon-logoff .input-group-addon{
	width:inherit;
	margin-left:10px;
	display:inline-block;
}
.middleradio_text { display: flex;
    align-items: center;
    justify-content: center;}


/* .createProfl .sep{margin-bottom:10px; height:36px; line-height:30px;} */
.createProfl .col-md-5 .sep .left{width:35%; display:inline-block;}
.createProfl .col-md-5 .sep .right{width:61%; display:inline-block; margin-left:2%;}
.createProfl .col-md-7 .sep .left{width:32%; display:inline-block;}
.createProfl .col-md-7 .sep .right{width:64%; display:inline-flex; margin-left: 2%;}

.createUserFormpopup .sep{margin-bottom:10px; min-height:36px; line-height:30px; /*background:#f9f9f9;*/}
.createUserFormpopup .col-md-4 .sep .left {
  
    display: inline-block;
    position: relative;
    text-align: left;
    padding-right: 11px;
}
.createUserFormpopup .col-md-4 .sep .right{width:100%; display:inline-block; margin-left:2%;}
.createUserFormpopup .col-md-8 .sep .left{width:40%; display:inline-block;}
.createUserFormpopup .col-md-8 .sep .right{width:56%; display:inline-flex; margin-left: 2%;}

.custom-box .profile-input .sep .required:after {content: " *";font-size: 17px;color: #bf2216; right: -8px; position: absolute;}
.left-side-content .sep .required:after {
   content: " *";
font-size: 17px;
color: #bf2216;
position: absolute;
}
.right-side-content .sep .required:after {
   content: " *";
font-size: 17px;
color: #bf2216;
position: absolute;
}
.orgtop .sep .required:after {content: " *";font-size: 17px;color: #bf2216; position: absolute;}

.jBox-content .messagePopup h3 {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
}

.orderSpan {
    color: #3dcb35!important;
    width: 10px;
}
.avm-order-table .sep .required:after {content: " *";font-size: 17px;color: #bf2216;}


input.form-control.phoneExtension.inner-input-sec {
    display: inline-block;
    width: 25%;
}
input.form-control.phoneExtension.inner-input-sec1 {
    display: inline-block;
    width: 73%;
}
input.form-control.phoneExtension.inner-input-sec2 {
    display: inline-block;
       width: 32%;
    margin-left: 1%;
}
input.form-control.phoneExtension.inner-input-sec3 {
    display: inline-block;
       width: 65%;
}
.sep .right {
    display: inline-block;
    width: 60%;
   
}
.sep .left {
    display: inline-block;
    width: 100%;
    
}
.profile-page .sep {
    
    position: relative;
    margin-bottom: 10px;
    min-height: 36px;
    line-height: 30px;
    /*background: #f9f9f9;*/
   }
#createOrganizationForm .pro-left {
    width: 100%;
    padding: 25px 0 25px;
}
#createOrganizationForm .profile-pic{
	width: 210px;
	height:210px;
	margin: 0 auto;
	border-radius: 50%;
	border: 3px solid #24292d;
	overflow: hidden;
	text-align: center;
	background: #fff;
	position: relative;
}
#createOrganizationForm .profile-pic:hover .input-overlay {
    background: rgba(0, 0, 0, 0.65);
    height: 100%;
}

.orglogobg {width: 225px;
height: 90px;
overflow: hidden;display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; padding:0px 20px;}
.orglogobg img {
width: 220px;

}

.avmLogo img{
	display:block;
    margin:auto; 
}
.greendotbutton {  display:table; position: absolute;
    right: 0;
    top: 1px;}
    
  .width80{width:78%;}
/* .orglogobg.navbar-brand {padding:0px;} */

.jBox-Modal .dataTables_wrapper .dataTables_paginate .paginate_button{
	    padding: 0.3em 0.8em;
}
.right-header-content .header-inner:first-child{
	width:180px;
}
.right-header-content .header-inner:last-child{
	width:150px;
}
.time {
	position:relative;	
}

.time .timeofday{		
	position:absolute;
	left:135px;
}
.left-main-label .sep .left{width:35%;position:relative;}
/* .fa-stop:before {
    content: "\f04d";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
} */
.form-control:focus{
  border: 1px solid #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}


.order-popup.srch-ordr-poup.m_searchOrder_group {
  margin: 0;
}
.sub-btn.change-role-btn-sec {border: 1px solid #167a11;
  display: block;
  font-size: 12px;
  margin: auto; 
  text-align: center;
}
.sep.pro-sec-inner{widht:30%}

.order-inner-main .sep.m_sepleft .left {margin-top: 2px;}
.navbar-inverse .side-nav.administrative-lft-menu li a i.fa {
  bottom: 0;
  font-size: 13px;
  height: 15px;
  left: 18px;
  margin: auto;
  position: absolute;
  top: 0;
}


table.dataTable thead th, table.dataTable thead td {
    padding: 10px 16px;
    border-bottom: 1px solid #111;
    white-space: nowrap;
}
.hideComponent{
	display: none;
}

/************* COMMON CSS FOR FORM FIELDS AND LABELS *********************/

form input[type="text"],
form input[type="text"].form-control,
form input[type="password"],
form input[type="password"].form-control,
form select.form-control,
form .custom-form select.form-control{
	border-radius: 5px;
	border: 1px solid #ccc;
	line-height: 30px;
	padding: 0 15px;
	height: 30px;
	color: #555;
}
.input-group .date-field{
	position:absolute !important;
	top:0;
	left:0;
	right:0;
	/* background-color:transparent; */
}
form label{
	font-weight: 100;
    font-size: 14px;
    text-align: left;
    line-height: 30px;
    color: black;
}
form .form-group{
	margin-bottom:10px;
}




/* new css */

.change-password
{
    text-align: center;
    padding: 0;
}

.upload-button label
{
	text-align:center;
}

.input-group-addon:last-child {
    border: 1px solid #ddd;
}
.user-profileset ul
{
    margin-left: 0 !important;
}
.user-profileset ul li
{
    margin-right: 40px;
}
.Supplemental-SearchContainer
{
    width: 1200px;
}
.Supplemental-Search table thead tr th
{
    padding: 10px 20px;	
}
.Supplemental-Search table tbody tr td
{
    padding: 5px 5px;	
}
.Supplemental-Search .suplemntal-radio.order-popup .btn-group {
    margin-right: 50px;
    margin-left: 10px;
}


.User-Permissions table thead tr th
{
    padding: 10px 20px;	
}
.User-Permissions table tbody tr td
{
    padding: 5px 5px;	
}
.LegalDescription
{
	resize: none;
}

 @media only screen and (max-width : 767px) 
            {
               section {
				    background: #23272B;
				}
				.navbar-fixed-top .navbar-collapse {
				    max-height: 100%;
				}
				.log-in {
				    margin: 0;
				}
            }
            
.select-enable{ color: #333!important; }            

.ui-timepicker-wrapper
{
	z-index: 1000000 !important;
}
/*26.04.18 start*/

.min-paading{
	padding:0 5px; 
}
.max-padding{
	padding: 0 10px 0 0;
}
.left-padding{
	    padding: 0 0 0 5px;
}
.padding-right{padding-right:0;}
/*.datepicker-orient-top
{
    margin-top: -90px;
}
.datepicker-orient-bottom
{
    margin-top: -90px;
}*/

/*26.04.18 end*/
/*23.05.18 start*/
body{
}
#pre-loader{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0; 
	right:0;
	bottom:0;
	margin: auto;
	background: #31698ab0;
	z-index:99999999999;
	text-align:center;
	display:none;
}
.lds-roller{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.lds-roller {
  display: inline-block;
 position:absolute;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.avm_chat
{
    margin-right: -1px !important
}

.chatbarToggle .fa-stack-2x {
    color: greenyellow !important;
}

.fa-stack-2x {
    color: #e5e5e5 !important;
}
.fa-inverse {
    color: #137b9b;
    font-weight: 700;
}

.orgcheckbox input[type="checkbox"]:before {
background-color:#fff;
border: 1px solid #C0C0C0;
content: "\00a0";
  display: inline-block;
  font: 14px/1em sans-serif;
  height: 18px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 18px;
}
.orgcheckbox input[type="checkbox"]:checked:before {
  background-color: #66aaff;
  border-color:#336fbc;
  color: #fff;
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  text-align: center;
  font-weight: 400;
}

.ScrollStyle
{
height: 100%;
overflow-y: auto;
}

.labelStyle
{
font-size: 16px;
margin-right:5px;
}

.mar-left{margin-left:-10px;}

.disableCheckbox { pointer-events: none; }

.currencyLabel {display:none;}

.qc_review{
	/* left:0px !important;*/
	top:0px !important;
	bottom:0px !important;
}
.qc_review .modal-body{
	padding:0px
}
.qc_review .jBox-container{
	height: 100%;
}
.qc_review .jBox-content{
	height: -moz-calc(100% - (50px + 60px))!important;
    height: -webkit-calc(100% - (50px + 60px))!important;
    height: calc(100% - (50px + 60px))!important;
}

.btn.for-focus{
	width:38px;
}

.btn.btn-default.focus,
.btn:focus,
.btn.input-group-addon:focus,
.btn-active{
	box-shadow: 0px 0px 15px rgba(19, 123, 155, 0.8);	
}

.align-button .suplemntal-radio{
	margin-left:8px
}

.jumbotron-sm {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: inherit;
	background-color: #eee
}

.secondMortgage{display:none}

#option4popup .orgcheckbox,
#option4popup .orgcheckbox .secondary-role{
	width:100%;
}
#option4popup .secondary-role li{
	    width: 24%;
    	text-align: right;
}
.noDisplay {
	display : none;
}

.floatLeft{float:left;}

.m-l-44 {margin-left:44px;}
.orgTableBorder{
	border-right:0px solid;
}

.deleteRenameDoc{
	width:180px;
}

#pane {
	position: absolute;
	width: 250px;
	height: 250px;
	top: 20%;
	left: 20%;
	
	
	margin: 0;
	padding: 0;
	z-index: 999999;
	border: 2px solid #eeeeee;
	background: #eeeeee;
}

#title {
	font-family: monospace;
	background: rgb(19, 123, 155);
	color: #fff;
	font-size: 15px;
	height: 30px;
	padding: 5px 9px;
    font-weight: 600;
}

#ghostpane {
	background: #999;
	opacity: 0.2;

	width: 250px;
	height: 250px;
	top: 20%;
	left: 20%;
	
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 98;

	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
div#close {
    position: absolute;
    top: 4px;
    color: #fff;
    right: 6px;
}
.chat-window-head {
	width:100% !important;
}

/* 6-28-2019 */

.radio_label_row {
    background: #137b9b;
}
.radio_column{
    padding-right: 0;
    padding-top: 18px;
}
.hold_title {
    display: inline-block;
    margin: 0 5px 0 0;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
}
.radio_label_row .suplemntal-radio ul li {
    padding: 0;
}
.radio_label_row .control-label {
    color: #fff;
}
.radio_label_row ul li .check {
    background: #fff;
    border: 2px solid #000000;
}
.radio_label_row .suplemntal-radio input[type=radio]:checked ~ .check {
    background: #ff5984;
    border: 2px solid #000000;
}
.radio_label_row .suplemntal-radio input[type=radio]:checked ~ label {
    font-weight: 800;
    color: #fff;
}
.radio_label_row .box-title {
    padding: 0 0 !important;
}
.hold_right_header{
	padding-left: 0;
}
.input_label_box {
    margin: 8px 0;
}
.input_label_box li {
    width: 100%;
}
.suplemntal-radio.input_label_box ul li label {
    font-size: 9px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}
.suplemntal-radio.input_label_box ul li label span {
    color: #fff !important;
    display: inline-block;
    width: 43%;
    text-align: right;
    padding-right: 1px;
}
.suplemntal-radio.input_label_box ul li label input {
    max-width: 110px;
    margin-left: 5px;
}
.input_label_box li:not(:last-child) label {
    margin-bottom: 5px;
}
/* 8-5-2019 */
.show_tr {
    display: table-row !important;
}
.radio_column{
	width: auto;
}
.search_list{
    padding: 0;
    width: auto;
    display: inline-block;
    float: right;
    margin-right: 10px;
}
.suplemntal-radio.input_label_box ul li label input {
    max-width: 46px;
    margin: 0 5px;
}
.suplemntal-radio.input_label_box ul li label button {
    font-size: 12px !important;
}
.radio_column {
    padding-top: 6px;
    padding-left: 10px;
}
.hold_title {
    font-size: 13px;
}
.radio_label_row .control-label {
    font-size: 12px !important;
}
.suplemntal-radio ul li .check {
    margin: 0 2px;
}
input.form-control.positionalParameter1.inner-input-sec1 {
    display: inline-block;
    width: 30%;
}
input.form-control.positionalParameter2.inner-input-sec2 {
    display: inline-block;
       width: 30%;
    margin-left: 1%;
}
input.form-control.positionalParameter3.inner-input-sec3 {
    display: inline-block;
       width: 30%;
    margin-left: 1%;
}
/* end 8-5-2019 */