* {
	margin: 0;
/*	border-style: solid;		*/
}

body {
    
}

.btn-tm{text-transform: uppercase;padding: 8px 0px;cursor: pointer;}
.btn-tm:hover{text-decoration: none}
.container {padding:30px 0px;width:100%;min-height: 500px}

input,textArea {
    padding:5px 2%;
    border: 1px solid #ddd;
    line-height: 1.5em;
    /*box-shadow: 0px 1px 2px rgba(110,110,110,0.3);*/
    width:96%;
}

input:focus,textArea:focus{
    border: 1px solid #00AFEF;
    box-shadow: 0px 1px 2px rgba(0,175,239,0.3);
    transition: 0.1s;
}


fieldset {
    margin: 2% 0% 2% 2%;
    float:left;
    position:relative;
    width: 96%;
}

fieldset:first-child {
    margin-left: 2%;
}

fieldset:last-child {
    margin-right: 2%;
}

form {
	width: 100%;
}

img {
	display: table-cell;
	width: auto;
	max-width: 450px;
	height: auto;
	max-height: 300px;
}

input#pass_id {
	width: 100%;
	max-width: 100px;
	min-width:50px;
	text-align: center;
}

input[type="submit"], input[type="reset"] {
	margin: 0% 1%;
	padding: 0.2em 0.2em 0.3em 0.2em;
	min-width: 100px;
	font-weight: 500;
	cursor: pointer;
    text-transform: uppercase;
}

label {
	font-size: 15px;
	font-weight: 500;
	padding: 7px 0px;
    width:90%;
    float:left;
    text-transform: capitalize;
}

label span{
    color:#444;
    font-size:13px;
    font-weight: 300
}

legend {
	font-size: 36px;
        margin:30px 0px
}

p {
    display: table-row;
}

table {
	width: 100%;
        padding:0;margin:0;
        border-spacing: 0px;
        border-collapse:collapse;
}

td, tr, th{
    border:1px solid #ddd;
    border-collapse:collapse;
    border-spacing: 0px;
}

td {
	overflow: hidden;
	min-width: 100px;
        padding: 5px 5px;
}

td.heading {
	width: 15%;
}

td.right {
    text-align: right;
}

th {
    padding: 10px 5px;
    overflow: hidden;
    text-align: left;
    min-width: 100px;
    text-transform: uppercase;
    background: #F8F8F8;
}

.auto {
    margin: auto;
}

.editing {
	visibility:hidden;
}

.error {
        width:100%;
	color: red;
	height: 1.5em;
	overflow: hidden;
	/*visibility: hidden;*/
        font-size:13px;
}

.foot {
	font-style: italic;
	text-align: center;
}

.home {
	font-size: 20px;
	color: blue;
	text-decoration: underline;
}

.home:hover {
	cursor: pointer;
}

.inputs_ans {
	
}

.list {
    display: table-cell;
    font-weight: 500;
    font-size: 16px;
}

.mandatory {
	
}

#add_success, #edit_success{
	text-align: center;
	font-size: 3em;
	font-weight: bold;
	text-decoration: underline;
}

#add_submit, #form_add, #img_mandatory, #img_status, #edit_submit {
	
}

#data-container .row{width:96%;padding:10px 2% 10px 2%;}
#data-container .btn-tm{margin: 0% 1%;padding: 5px 15px;min-width: 100px;font-weight: 500;cursor: pointer;text-transform: uppercase;}
#data-container .btn-tm:first-child{margin-left:0px;}
#updatePropertyValues{margin: 0px !important}
.success .btn-tm{padding:2px 15px !important}
#data-container .row-tab .row:nth-child(odd){background: #F8F8F8}
#data-container h2{font-size:20px;font-weight: 500;margin:0px 0px 0px 0px}
.fs-form .btn-tm{margin:0px 0px;padding:0px 20px;font-size:11px;}
td .btn-tm{float:none}

.grid10{width:10%;}
.grid80{width:80%;}
.panel-header{z-index: 3;width:96%;background: white;min-height: 40px;position: fixed;box-shadow: 2px 3px 4px rgba(0,0,0,0.1);padding:10px 2%}
.panel-left-nav{
    width:16%;
    position: fixed;
    height: calc(100vh - 0px);
    background: #282C31;  /* fallback for old browsers */
    margin-top:60px;
    overflow: auto;
    -webkit-box-shadow: 1px 0px 6px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 0px 6px rgba(0,0,0,0.5);
    box-shadow: 1px 0px 6px rgba(0,0,0,0.5);
}
.panel-container{width:84%;overflow: auto;margin-top:60px;float:right;min-height: calc(100vh - 60px);}
.menu i{margin-right: 10px}
.menu {float: left;width:100%;overflow: auto;}
.menu:first-child {border-top:none}
.menu .menu-cat{padding: 10px 3%;color:#F1F1F1;font-size: 11px;font-weight: 500;width:94%;cursor:pointer;text-transform: uppercase;}
.menu .menu-title{padding: 10px 3%;color:#FFF;font-size: 11px;font-weight: 500;width:94%;cursor:pointer;text-transform: uppercase;}
.menu .menu-title:hover{background: #26A0DA}
.menu .menu-header {cursor:pointer;color: #fff;width:100%;line-height: 30px;margin: 0 auto;}
.menu .menu-header:hover {background-color: #26A0DA;}
.menu #menu1-header {margin-top: 20px;}
.menu ul {list-style: none;margin: auto;color:#FFF;text-transform: uppercase;}
.menu ul li {cursor: pointer;width: 90%;line-height: 20px;margin: 0 auto;padding: 6px 5%;font-size:13px}
.menu ul li.active {background-color: #ff9900;}
.menu ul li:hover {background-color: #9999ff;}
#msgBox {display: none;z-index: 5;border-radius: 5px;top:4px;font-size:13px;left:calc(50% - 250px);position:fixed;width:500px;padding:8px 10px 10px 10px;text-align: center;background: #EB5757;color:#FFF;font-weight: 500;}

.main-panel {
    margin: 2% 0% 2% 2%;
    padding: 0px 0px 15px 0px;
    float: left;
    position: relative;
    width: 96%;
    background: #FFF;
    box-shadow: 0px 0px 0px 1px #ddd !important;
    min-height:500px;
}
.file-options .file-option{padding: 5px 20px;color: #666;background: #F8f8f8;cursor: pointer;}
.file-options .file-option.active{color: #222;background: #F1F1F1}
.file-options .file-option:hover{color: #222;background: #F1F1F1}
header .profile-img img, .sb-right .profile-img img {
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
.hamburger {
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
.hamburger:hover {
    opacity: 0.9; }

.hamburger-box {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: 0px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 25px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    top: -8px; }
.hamburger-inner::after {
    bottom: -8px; }

/*
* Arrow Alt Right
*/
.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(4px, -7px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(4px, -7px, 0) rotate(45deg) scale(0.7, 1);
    transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(4px, 7px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(4px, 7px, 0) rotate(-45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }



/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }
.row.buttondiv{
padding-left: 0px;
    float: right;
    width: 20% !important;
    margin: 10px 0px 0px 0px;
}
.row.filediv{
padding-left: 0px !important;
    width: 76% !important;
    float: left;
}


/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }
/*
   * new viyad css
   */
.rightex .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    padding-right: 0px !important;
    width: 100% !important;
 
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #eeeeee !important;
    border: #e4e4e4 !important;
}
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000;
}
.gridpor1{margin-left: -30px;}
.gridpac1{margin-left: 26px;}
.gridpk2{margin-left: 12px;}
.gridpor2{margin-left: -27px;}
.gridpac2{margin-left: 19px;}
.editkv{width: 77% !important;}
.editksl{width: 100% !important;margin-left: -35px;}
.savekb{cursor:pointer;color:#fff;float: none; display: none;    margin-left: -12px;}
.addpks{margin-left: -9px !important;}
.pkordern{width: 45% !important;margin-left: 7px;}
.pkaddn{width: 45% !important;float:left;}
.cataca1{margin-left: -10px !important;}
.catnaa2{padding-left: 10px !important;}
.parentWrap{width:50%; 
    padding: 10px 0px;
border-top: 1px solid #ddd;
height: 30px;
}
.grid30{ width: 30%;}
.grid49{ width: 50%;}
.grid15{ width:15%; }
.padtst{}
.primary-key-wrap .grid50{padding-left:10px;}
.grid100{width:100%;}
.edspanpad{padding: 10px; }
.catetypedsg{padding: 5px 2% !important;margin-left: 10px;width: 86% !important;}

.motiv-range .slider-container .back-bar .pointer-label {font-size: 10px !important;color: #111 !important}
.motiv-range .slider-container.theme-green{margin-top: 15px}
.slider-container .scale {float:none;}
.motiv-range .slider-container .scale ins {top:10px;color: #333;font-size: 9px}
.motiv-range .back-bar {float: none !important}
td.clickable{color: #00b0f0;cursor: pointer;}
td.clickable:hover{text-decoration: underline;background: #edf7ff}

.row.prw{padding-left:0px;}
li#setting-m-premary-menu-li {
    background: #314755;
}
li#setting-m-premary-menu-li:hover {
    background: #314755;
}
.pull-right-container {
    position: static;
    right: 10px;
    top: 50%;
    margin-top: -22px;
}
.ees>.pull-right-container>.fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
i.fa.fa-angle-left.pull-right {
    margin-top: 5px;
    position: absolute;
    right: 5px;
}

.sub-menu li i {
    margin-left:10px !important;
}


.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0px;
    cursor: text;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    padding-right: 15px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0px;
    margin-top: 5px;
    padding: 1px 5px 2px 5px;
    margin-bottom: 2.5px;
    font-size: 13px;
}
ul.select2-selection__rendered {
    padding-right: 0px !important;
}
#search-cat-sec .select2-container{padding-right:0px !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #dddddd 1px !important;
    outline: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 5px 4px 5px;
}
.rightex .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    padding-right: 0px !important;
    width: 100% !important;
 
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #eeeeee !important;
    border: #e4e4e4 !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #eee;
}
.select2-container--default .select2-results__option--hightlighted[aria-selected] {
   color: #020202 important;
}
.select2-container--default .select2-results__option:hover {
   color: #020202 !important;
}
ul#select2-e3-results {
    font-size: 13px;
}
ul#select2-e2-results {
    font-size: 13px;
}

.item-row {padding: 0px 10px 0px 0px;border-bottom: 1px solid #ddd}
.item-row.grid50 {width: 46%;}
.item-row.grid50:nth-child(2n) {float: right}
.edit-parent {height: 36px;font-size: 14px;}
.edit-parent input{margin-top: 5px;border: none;padding: 4px 6px}
.edit-parent input:focus{box-shadow: none;background: #deeaf2;}
span.editable{padding: 10px 0px;float: left;width: 100%}
.options i.far,.options i.fas{margin:12px 0px 0px 20px;float: right}
.active-fa {color: #00B0F0;}
.options i.fa-check{color: #4C6EF5}
.chosen-container-multi .chosen-choices {padding: 1px 5px !important;}
.psudo-a {color:#00B0F0;padding: 0px 10px;cursor: pointer;}
.psudo-a:hover {text-decoration: underline;}
.date-range {display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;justify-content: space-between}
.date-range .grid50{width:45% !important;}
.grid50.date-range {width: 45% !important}
.radio-options input[type="radio"] {width: auto;float: left;margin-top: 10px;}
.radio-options label {
    width: auto;
    margin: 0px 15px 0px 5px;
}
#phone_options {display: block}
.phone_type_option.row{margin-top: 0px !important;width:50% !important;margin-left: 20px !important;padding: 0px 0px !important}
.phone_type_option label {font-size: 13px}
#phone_options .phones select {width:95% !important;}
#skiptrace-form .grid25{margin-left: 1%;width: 24%}
#skiptrace-form .grid25:first-child{margin-left: 0%;width: 25%}
#skiptrace-container .alert-msg-box { margin-bottom: 10px}
form#skiptrace_map_form .grid50{margin-left: 2%;width: 48%}
form#skiptrace_map_form .grid50:first-child{margin-left: 0%;width: 50%}
form#skiptrace_map_form label {font-size: 13px}
#skiptrace-file-list.general {width: 96%}
#skiptrace-container .btn-tm{padding: 4px 15px !important;}
input#skt-file-name {padding: 3px 1% 3px 2%}
#skt-file-error {padding: 2px 0px;display: none}
#info button#save-skt-file {margin-left: 10px !important;}
#suppression-form .grid50 {margin-right: 2%;width: 48%}
#site-details-div {height: 500px; overflow-y: scroll;}
#site-details-div .general.flex-div{justify-content:space-between}
#site-details-div .card {margin:10px 0px;padding: 10px;height: auto;font-size: 13px !important;display: block;align-self: stretch;border:1px solid #ddd;}
#site-details-div .grid33.card {width: 30% !important;}
#site-details-div .card img{height:100%;}
#site-details-div .general.card {margin: 10px 0px;box-sizing: border-box;width: 100% !important}