/* ==========================================================
   PLATINUM NETWORK - UNIVERSAL FIX.CSS
   Version : 1.0
========================================================== */

/* Global Reset */

*,
*::before,
*::after{
    box-sizing:border-box;
}

/* HTML & BODY */

html,
body{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
}

/* Main Layout */

body,
#root,
.wrapper,
.main,
.content,
.page,
.page-wrapper,
.container,
.container-fluid{
    width:100% !important;
    max-width:100% !important;
}

/* Bootstrap Fix */

.row{
    margin-left:0 !important;
    margin-right:0 !important;
}

[class*="col-"]{
    min-width:0 !important;
}

/* Images */

img,
svg,
canvas,
video,
iframe{
    max-width:100% !important;
    height:auto !important;
}

/* Tables */

table{
    width:100% !important;
}

.table-responsive{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
}

/* Cards */

.card{
    max-width:100% !important;
    overflow:hidden;
}

/* Long Text */

pre,
code{
    white-space:pre-wrap !important;
    word-break:break-word !important;
}

h1,h2,h3,h4,h5,h6,p,span,div{
    word-wrap:break-word;
}

/* Sidebar */

.sidebar{
    width:260px;
    left:0;
}

.main{
    margin-left:260px;
    width:calc(100% - 260px);
}

/* Mobile */

@media (max-width:768px){

.sidebar{
    transform:translateX(-100%);
    transition:.35s;
}

.sidebar.show{
    transform:translateX(0);
}

.main{
    width:100% !important;
    margin-left:0 !important;
    padding:15px !important;
}

.container,
.container-fluid{
    padding-left:12px !important;
    padding-right:12px !important;
}

.row{
    margin:0 !important;
}

[class*="col-"]{
    padding-left:8px !important;
    padding-right:8px !important;
}

}

/* Final Protection */

html,
body,
.wrapper,
.main,
.container,
.container-fluid{
    overflow-x:hidden !important;
}