/* Design and Developed by Shubham Chawade */

@font-face {
font-family: 'montserratregular';
src: url('../../fonts/montserrat-regular.ttf') format('ttf'),
url('../../fonts/montserrat-regular-webfont.woff2') format('woff2'),
url('../../fonts/montserrat-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'SEGOEUIL';
src: url('../../fonts/SEGOEUIL.eot');
src: local('../../fonts/SEGOEUIL'),
url('../../fonts/SEGOEUIL.woff') format('woff'),
url('../../fonts/SEGOEUIL.ttf') format('truetype');
}

@font-face {
font-family: 'oxygen-sanssans-book';
src: url('../../fonts/oxygen-sans-webfont.ttf') format('ttf'),
url('../../fonts/oxygen-sans-webfont.woff2') format('woff2'),
url('../../fonts/oxygen-sans-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

* {box-sizing: border-box}

body {font-family: 'oxygen-sanssans-book', sans-serif; background-color:#EDEDED;}

/*padding classes*/

.padd-b15 {
padding-bottom:15px;
}

.padd0 {
padding:0;
}

/*ends*/

/* Loader CSS */

#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
/* change if the mask should have another color then white */
z-index: 999999;
/* makes sure it stays on top */
}

#status {
width:280px;
height:120px;
position: absolute;
left: 50%;
top: 50%; 
transform:translate(-50%, -50%);
}

#status > img {
width:70%;
margin:auto;
}

.loader-area, .loader, .loader-area-1, .loader-1 {
display:block;
}

.loader-area {
display:block;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background-color:rgba(255, 255, 255,.7);
z-index:999;     
}

.loader-area-1 {
display:block;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background-color:rgba(51, 51, 51,.7);
z-index:999999;     
}

.loader-parent, .loader-parent-1 {
position: absolute;
left: 50%;
top: 50%;
transform:translate(-50%, -50%);
}

.loading-msg {
position: fixed;
top: 60%;
left: 50%;
margin-top: 90px;
z-index: 99999;
transform: translate(-40%, -40%);
}

.loader-1,
.loader-1:before,
.loader-1:after {

background: #4da6ff;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.loader-1 {
display:block;
color: #4da6ff;
text-indent: -9999em;
margin:auto;
position: fixed;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader-1:before,
.loader-1:after {
position: absolute;
top: 0;
content: '';
}
.loader-1:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader-1:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}


.loader,
.loader:before,
.loader:after {
background: #4da6ff;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.loader {
color: #4da6ff;
text-indent: -9999em;
margin:auto;
position: fixed;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader:before,
.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
/* Loader CSS ends */

.nav-sm ul.nav.child_menu {
display:none
}

/*Sidebar*/

.datatables_length select, .datatables_filter select, .datatables_filter input {
margin-bottom:0;
}

/*10-4-2018*/
table.dataTable, table.dataTable th, table.dataTable td {box-sizing:border-box !important; -webkit-box-sizing:border-box !important;}

/*table.dataTable {
min-width:100% !important;
width: 100% !important;
display: block !important;
overflow-x: auto !important; 
margin:0;
}*/
/*ends*/

.left_col {
height:100%
}

.left_col, .nav-md {
background:#f5f5f5
}

.nav.side-menu > li.active > a , .nav.side-menu > li.active > a:focus, .nav.side-menu > li.active > a:hover, .nav.side-menu > li.active .main_menu .fa {
color:#fff 
}

.nav.child_menu > li > a, .nav.side-menu > li > a {
color:#666
}
.nav.child_menu > li > a:hover, .nav.side-menu > li > a:hover {
color:#333
}


.menu_section > ul {
margin-top:0;
}

.sidebar-footer a, .sidebar-footer {
background-color:#295489
}

.menu_section .nav.side-menu > li > a {
border-top:1px solid #e2e2e2;
margin-bottom:0;
}

.menu_section, .nav.side-menu > li > a {
/*background-color:#EDEDED;*/
}

.menu_section .nav.side-menu > li:last-child {
border-bottom:1px solid #e2e2e2
}

/*Search Box Code*/
.input-field-o {padding:5px 10px;}

#template-links {padding:0 0 0 10px; font-weight:500; font-size:14px}

.input-field-o div.input-group-addon {padding:0px;}
.input-field-o > .input-group {margin-bottom:0;}

.input-field-o .input-group-addon, .search-box{
border:none;
outline:none;
background:transparent;
box-shadow:none
}

.easy-autocomplete-container {
top:30px
}
/*Search Box Code Ends*/

.nav.child_menu li li {padding-left:0;padding-right:0; width:100%;} /*padding none either side of internal li*/
.nav.child_menu li.active, .nav.child_menu li:hover {
transition:all .05s;
}   
.nav-md .container.body .right_col {position:fixed; height:100%;}
/* -Sidebar ends- */


/* Theme / color box for sidebar */
.color-box a, .color-box {
background-color: #005e7b;
color: #efefef;
}

.color-box {
display:none;
bottom: 40px;
clear: both;
padding: 5px 0 0;
position: fixed;
width: 230px;
background: transparent;
z-index: 999;
}

.color-box span {
padding: 7px 0 7px;
text-align: center;
width: 20%;
font-size: 17px;
display:block;
float: left;
background: #eee;
cursor: pointer;
vertical-align:top;
transition:.1s ease;
}

.color-box span:hover {
background-color:#e6e6e6;
transition:.2s ease;
}

.color-box span:hover {
color:indianred;
transition:.2s ease;
}

.color-box span.default {
color:#295489
}

.color-box span.one {
color:#06a3b7
}
.color-box span.two {
color:#118f0a;
}
.color-box span.three {
color:#f74408
}
.color-box span.four {
color:#f21c0d
}


/* Float animation */
.hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}

/* - Theme/color box - */





/* Theme for sidebar */

.default-c {
background:#295489 !important
}
li a.default-c {
background:transparent !important;
}
li.active:hover .default-c, li.active .default-c {
background-color:#346cb0 !important
}

li.active:hover .child_menu li .default-c {
background:transparent !important;
}
li .child_menu li.active a.default-c {
background:transparent !important;
}
.nav.child_menu > li > a.default-c {
background:transparent !important;
}

.one-c {
background:#06a3b7 !important
}
li a.one-c {
background:transparent !important;
}
li.active:hover .child_menu li .one-c {
background:transparent !important;
}
li .child_menu li.active a.one-c {
background:transparent !important;
}
.nav.child_menu > li > a.one-c {
background:transparent !important;
}

li a.two-c {
background:transparent !important;
}
li.active:hover .child_menu li .two-c {
background:transparent !important;
}
li .child_menu li.active a.two-c {
background:transparent !important;
}
.nav.child_menu > li > a.two-c {
background:transparent !important;
}

li a.three-c {
background:transparent !important;
}
li.active:hover .child_menu li .three-c {
background:transparent !important;
}
li .child_menu li.active a.three-c {
background:transparent !important;
}
.nav.child_menu > li > a.three-c {
background:transparent !important;
}

.nav.child_menu li.active a {
background-color:transparent !important
}

/*.nav.child_menu li:focus {
background-color:#bfbfbf !important
}*/


/*====================================================Color Theme CSS=======================================*/
/* Default color theme */
.nav-sm ul.nav.child_menu li a:hover {color:#333 !important;}
.nav.child_menu li.active {background-color: #d1e6ff !important;}
.nav.child_menu li li {background-color:#e5f1ff;}
.nav.child_menu li li a {color:#333 !important;}
/*.nav.child_menu li:hover {background-color:#deecfd}*/
/* Default color theme Ends */

/* Teal Color*/
/*body.teal.nav-sm ul.nav.child_menu {background-color:#00bcd4 !important}*/

/*body.teal.nav-sm ul.nav.child_menu {background-color:transparent !important}*/

body.teal.nav-sm ul.nav.child_menu hr {border-top:1px solid rgba(6, 163, 183,.2)!important;}
body.teal.nav-sm ul.nav.child_menu h4 {color:rgb(6, 163, 183)!important;}
body.teal.nav-sm ul.nav.child_menu {border-left:4px solid rgb(6, 163, 183)!important;}
body.teal .navbar.nav_title {background-color:rgb(6, 163, 183)!important;}
body.teal .nav_menu {background-color:#00bcd4!important;}
body.teal .sidebar-footer {background-color:rgb(6, 163, 183)!important;}
body.teal .sidebar-footer a,body.teal  .sidebar-footer {background-color:rgb(6, 163, 183)!important;}
body.teal li.active:hover a,body.teal li.active a {background-color:#00bcd4 !important}
body.teal li.active ul a {background-color:transparent !important}
body.teal li.active:hover ul li a {background-color:transparent !important}
body.teal li.active ul li:hover a {/*background: #5f98b9 !important;*//*background-color:#00bcd4 !important;*/}

body.teal .nav.child_menu li.active {background-color:#b6f2f9 !important}
body.teal .nav.child_menu li:hover {background-color:#c8f2f7}
body.teal .nav.child_menu li li {background-color:#d4fbff}

/*Green Color*/
/*body.green.nav-sm ul.nav.child_menu {background-color:rgb(20, 177, 12) !important}*/
/*body.green.nav-sm ul.nav.child_menu {background-color:transparent !important}*/
body.green.nav-sm ul.nav.child_menu hr {border-top:1px solid rgba(21, 155, 14, .2)!important}
body.green.nav-sm ul.nav.child_menu {border-left:4px solid rgb(21, 155, 14)!important}
body.green.nav-sm ul.nav.child_menu h4 {color:rgb(21, 155, 14)!important}
body.green .nav.side-menu > li.active > a,body.green .nav.side-menu > li.active > a:hover {background-color:rgb(20, 177, 12) !important}
body.green .navbar.nav_title {background-color:rgb(21, 155, 14)!important;}
body.green .nav_menu {background-color:rgb(20, 177, 12)!important;}
body.green .sidebar-footer {background-color:rgb(20, 177, 12)!important;}
body.green .sidebar-footer a,body.green  .sidebar-footer {background-color:rgb(20, 177, 12)!important;}
body.green li.active:hover a,body.green li.active a {/*background: #5f98b9 !important;*/background-color:rgb(20, 177, 12)!important}
body.green li.active:hover a,body.green li.active ul a {/*background: #5f98b9 !important;*/background-color:transparent !important}
body.green li.active ul li:hover a {/*background: #5f98b9 !important;*//*background-color:#00bcd4 !important;*/}
body.green li.active:hover ul li a {background-color:transparent !important}
body.green .nav.side-menu > li.active > a,body.green .nav.side-menu > li.active > a:hover {background-color:rgb(20, 177, 12)!important}

body.green .nav.child_menu li.active {background-color:#c3ffbf !important}
body.green .nav.child_menu li:hover {background-color:#dff9dd}
body.green .nav.child_menu li li {background-color:#e8ffe7}

/*Orange Color*/
/*body.orange.nav-sm ul.nav.child_menu {background-color:#f96332 !important}*/
/*body.orange.nav-sm ul.nav.child_menu {background-color:transparent !important}*/
body.orange.nav-sm ul.nav.child_menu hr {border-top:1px solid rgba(247, 68, 8, .2)!important}
body.orange.nav-sm ul.nav.child_menu h4 {color:rgb(247, 68, 8)!important}
body.orange.nav-sm ul.nav.child_menu {border-left:4px solid rgb(247, 68, 8)!important}
body.orange .nav.side-menu > li.active > a,body.orange .nav.side-menu > li.active > a:hover {background-color:#f96332 !important}
body.orange .navbar.nav_title { background-color:rgb(247, 68, 8)!important;}
body.orange .nav_menu {background-color:rgb(249, 99, 50)!important;}
body.orange .sidebar-footer {background-color:rgb(247, 68, 8)!important;}
body.orange .sidebar-footer a,body.orange  .sidebar-footer {background-color:rgb(247, 68, 8)!important;}
body.orange li.active:hover a,body.orange li.active a {/*background: #5f98b9 !important;*/background-color:#f96332!important}
body.orange li.active:hover a,body.orange li.active ul a {/*background: #5f98b9 !important;*/background-color:transparent !important}
body.orange li.active ul li:hover a {/*background: #5f98b9 !important;*//*background-color:#00bcd4 !important;*/}
body.orange li.active:hover ul li a {background-color:transparent !important}
body.orange .nav.side-menu > li.active > a,body.orange .nav.side-menu > li.active > a:hover {background-color:rgb(247, 68, 8)!important}

body.orange .nav.child_menu li.active {background-color:#ffd7ca !important;}
body.orange .nav.child_menu li:hover {background-color:#f9e5df;}
body.orange .nav.child_menu li li {background-color:#ffece6}



/*Red Color*/
/*body.redc.nav-sm ul.nav.child_menu {background-color:#f44336 !important}*/
/*body.redc.nav-sm ul.nav.child_menu {background-color:transparent !important}*/
body.redc.nav-sm ul.nav.child_menu hr {border-top:1px solid rgba(242, 28, 13, .2)!important}
body.redc.nav-sm ul.nav.child_menu h4 {color:rgb(242, 28, 13)!important}
body.redc.nav-sm ul.nav.child_menu {border-left:4px solid rgb(242, 28, 13)!important}
body.redc .nav.side-menu > li.active > a,body.redc .nav.side-menu > li.active > a:hover {background-color:#f44336 !important}
body.redc .navbar.nav_title {background-color:rgb(242, 28, 13)!important;}
body.redc .nav_menu {background-color:rgb(244, 67, 54)!important;}
body.redc .sidebar-footer {background-color:rgb(242, 28, 13)!important;}
body.redc .sidebar-footer a,body.redc  .sidebar-footer {background-color:rgb(242, 28, 13)!important;}
body.redc li.active:hover a,body.redc li.active a {/*background: #5f98b9 !important;*/background-color:#f44336!important}
body.redc li.active:hover a,body.redc li.active ul a {/*background: #5f98b9 !important;*/background-color:transparent !important}
body.redc li.active ul li:hover a {/*background: #5f98b9 !important;*//*background-color:#00bcd4 !important;*/}
body.redc li.active:hover ul li a {background-color:transparent !important}
body.redc .nav.side-menu > li.active > a,body.redc .nav.side-menu > li.active > a:hover {background-color:#f44336!important}

body.redc .nav.child_menu li.active {background-color:#ffc8c4 !important}
body.redc .nav.child_menu li:hover {background-color:#ffdbd8}
body.redc .nav.child_menu li li {background-color:#fde3e1}
body.teal.nav-sm ul.nav.child_menu > li, body.green.nav-sm ul.nav.child_menu > li,body.orange.nav-sm ul.nav.child_menu > li, body.redc.nav-sm ul.nav.child_menu > li
 {background-color:transparent !important}
/*====================================================Color Theme CSSS End=======================================*/
.nav-sm ul.nav.child_menu {
/*background-color:#295489;*/
background-color:rgba(255,255,255,1);
color:#fff;
}

.nav-md .container.body .right_col, .main_container, .left_col, .nav-md {
background-color:#f5f5f5
}
.nav_menu {
background-color:#346cb0
}
.toggle a i, .nav.navbar-nav > li > a {
color:#efefef
}
.top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover, .top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover {
background-color:rgba(0,0,0,0.2);
}
.nav_title {
background-color:#295489;
}

/* ends */

/* Dashboard Color theme */
.tile-stats.tile-one .icon{
color:#295489;opacity:.6;
}

div.tile-stats.tile-one:hover .icon > .fa{
color:#295489;opacity:1;
}

.tile-stats.tile-two .icon{
color:#06a3b7;opacity:.6;
}

div.tile-stats.tile-two:hover .icon > .fa{
color:#06a3b7; opacity:1;
}

.tile-stats.tile-three .icon{
color:#118f0a;opacity:.6;
}

div.tile-stats.tile-three:hover .icon > .fa{
color:#118f0a; opacity:1  
}

.tile-stats.tile-four .icon{
color:#f74408;opacity:.6;
}

div.tile-stats.tile-four:hover .icon > .fa{
color:#f74408; opacity:1 
}
/*Ends*/


.nav_menu {
position:fixed;
z-index:9999;
width:100%;
padding-right: 17%;
}

/*Secondary Fixed Menu*/
.secondary_menu {
position:fixed;
width:100%;
top:58px;
left:0;
background-color:#3c8dbc;
}
/* Ends */

/* CHANGES 26-9-2018*/
.left_col {
box-shadow:0 16px 16px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
width:100%;  
}
/*ends*/

ul.nav.child_menu {
background-color:#fff
}

ul.nav.child_menu .fa {
color:#777 !important;
margin-right:5px;
text-align:center
}

/* changes 26-9-18 */
.right_col {
min-height:100% !important;
height:100%;
padding: 64px 5px 30px 5px;
}
.nav-md .container.body .right_col {
width:calc(100% - 230px);
}
.nav-sm .container.body .right_col {
width:clac(100% - 70px);
}
/*ends*/

footer {
background-color:#fff;
z-index:3002;
}

.zi-footer {
z-index:9999;
}

.input-with_btn input {
display:inline-block;
width:60%;
vertical-align:top
}

.input-with_btn .btn {
display:inline-block;
border-radius:0;
margin-left:-4px;
box-shadow:none
}

/* jquery classes */

.no-display {
display:none;
}

.display {
display:block !important
}

.hidden-logo {
display:none;
padding-top:10px
}

/* ends */


.pagination > li > a {
float:none;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
z-index:0;
}

.padding-5percent {float:right !important}
.padd-percent {padding-right:5% !important}
.width-70 {width:70% !important}


/* fixed sidebar navigation header */
.mCustomScrollBox {width:100%}
.nav_title {z-index:99999; position:fixed}
.main_menu_side {margin-top:38px; margin-bottom:38px}
/* end */


/* 12-10-2018 */
.wizard_horizontal ul.wizard_steps {
padding-left:0;
}
.sub-heading {
font-weight:500 !important;
text-decoration:underline;
background-color:#f2f2f2;
display:table;
}

.modal-dialog {
top:40%;
}
/* ends */

/*13-10-18*/

.form-group input {margin-bottom:0;}
table.dataTable.md-responsive {display:block; width:100% !important; overflow-x:auto;}
/*Ends*/

/*16-10-2018*/
.dataTable td.sorting_1 {
/*text-align: center;*/
}
.dataTable .fa.fa-pencil-square-o {
font-size:16px
}
/*end*/

/*.nav-sm .right_col::after {
content:"";
position:fixed;
display:block;
background-color:rgba(255,255,255,.9);
top:0;
left:72px;
bottom:0;
right:0;
z-index:999;
}*/



/* 17-10-18 */
.nav-sm .nav.side-menu > li {
    /*position: static !important;*/
    position:relative;
    display: block;
    cursor: pointer;
}

.nav-sm ul.nav.child_menu {
top:58px;
}
/* ends */
/*20-10-18*/
.nav-md ul.nav.child_menu h4, .nav-md ul.nav.child_menu hr {
    display:none
}

.nav-sm ul.nav.child_menu h4 {text-align:center; color:rgb(41, 84, 137); margin:0px}
.nav-sm ul.nav.child_menu hr {padding:0;margin:5px auto;border-top:1px solid rgba(41, 84, 137,.2)}

/*end*/
/* media Queries */


/* 17-10-18 */
@media screen and (max-width:1366px) {
/*22-10-18*/
/*table.dataTable {
width: 100% !important;
display: block !important;
overflow-x: auto !important;
}*/
/*ends*/


.nav-sm ul.nav.child_menu {
position:absolute;
width:400px;
max-height:500px;  
}
.nav-sm ul.nav.child_menu > li {
display:inline-block;
padding:0px 10px;
width:44%;
/*margin:10px*/
}

.nav-sm ul.nav.child_menu li a {
padding:7px 5px;
}
.nav-sm ul.nav.child_menu li a:hover {
background-color:none;
color:#000;
text-shadow:1px 1px 1px rgba(0,0,0,.06);
}            
}

/*ends*/
@media screen and (max-width:1365px) {
    /* 13-10-18 */
.nav-md .container.body .right_col {
width:calc(100% - 230px);
}
table.dataTable {
width: 100% !important;
display: block !important;
overflow-x: auto !important;
}
/* ends */
.nav-sm .container.body .right_col {
width:auto;
}
}

@media only screen and (max-width:1024px) {

.nav_menu {
position:fixed;
width:100%
}
.padd-percent {
padding-right:6% !important
}
.nav_menu {
padding-right:21.5%;
}

/* 13-10-2018 */
.table > thead:first-child > tr:first-child > th {width:100% !important}
/* Ends */

}


/*@media only screen and (max-width:995px) {
table.dataTable {
width: 100% !important;
display: block !important;
overflow-x: auto !important; 
}
}*/

@media only screen and (max-width:768px) {
.nav_menu {
position:fixed;
width:100%
}
.padd-percent {
padding-right:9% !important
}
.nav_menu {
padding-right:0;
}

/* 13-10-18 */
.nav-md .container.body .right_col {
width:100%;
}
.nav-sm .container.body .right_col {
width:auto;
}
/* ends */

}

/* nav toggle jquery UI  */
@media screen and (max-width:768px) {
.mCustomScrollBox {width:100%}
.nav_title {position:fixed}
.main_menu_side {margin-top:38px}
.big-logo {display:none}
.nav_title {background-color:none; width:0%}  

}

@media screen and (max-width:767px) {
.top_nav .navbar-right {
width:inherit;
}
.padd-percent {
padding-right:15% !important
}
.nav_menu {
padding-right:0px;
}

/* Changes on 28-9-2018 */

table.dataTable {
width: 100% !important;
display: block !important;
overflow-x: auto !important;
}

.dataTables_filter {
display: table;
margin: auto;
padding-top: 5px;
}
.table-responsive {
margin-bottom:0;
border:none;
}
.dataTables_wrapper {
padding:5px 0
}
.x_panel {
padding:5px 0;
}
.x_content {
padding:0;
}
.panel.panel-default .panel-body {
padding:5px;
}
/*ends*/
}

@media screen and (max-width:768px) {
.right_col {padding:70px 10px 30px 10px;}

}

/* Changes on 28-9-2018 */
@media screen and (max-width:767px) {
.right_col {
width:100%;
}
.nav-md .container.body .right_col {
width:100%;
}
.x_panel {
padding:5px 0;
}
.table-responsive {
padding:5px 0;
margin-bottom:0;
}
div.dataTables_wrapper div.dataTables_filter input {
display:block !important
}
.x_content {
padding:0;
}
footer {
font-size:10px
}
}
/*Ends*/

@media screen and (min-width:768px) {
.nav-sm ul.nav.child_menu {
/*position:fixed;*/
position:absolute;
top:0px;
/*top:59px;*/
left:72px;
/*bottom:25%;*/
background: #f9f8f8;
padding:10px 0;
border-left:4px solid #295489;
box-shadow:1px 2px 3px rgba(0,0,0,.2)
}
  /*24-10-18*/
  .form-inline .form-control {
    width:100% !important
    }
/*ends*/

}

@media only screen and (max-width:375px) {
.nav-sm ul.nav.child_menu {
width:276px;
max-height:400px;
overflow:auto;
}
}

@media only screen and (max-width:320px) {
.nav-sm ul.nav.child_menu {
width: 235px;
}
}

@media only screen and (min-width:320px) and (max-width:767px) {
.nav-sm ul.nav.child_menu {
position:absolute;
top:0px;
/*top:59px;*/
left:72px;
}
.nav-sm ul.nav.child_menu {
position:absolute; 
}
.nav-sm ul.nav.child_menu {
top:0;
}

.nav-sm ul.nav.child_menu > li {
display:block;
width:100%
}

}

@media only screen and (min-width:410px) and (max-width:767px) {
.nav-sm ul.nav.child_menu {
position:absolute;
width:326px;
max-height:400px;
overflow:auto;  
}
}

/* -media Queries- */