/**::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: 0;
}


body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

body,p,
h1, h2, h3, h4, h5, h6,
input{
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

*/
a,
input,
button{
    transition: all 0.5s;
    outline:none;
}
button:focus {
    outline: none;
}
a:hover{
    text-decoration: none;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6, p{
    margin-bottom: 0;
}

/*-----Sidebar start-------*/

#main-wrapper {
    padding-left: 281px;
    position: relative;
    transition: all 0.3s;
}
#main-wrapper #side_bar_main_section {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 75px;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 281px;
    position: fixed;
    left: 250px;
    top: 70px;
    z-index: 2;
    transition: all 0.3s;
    border-radius: 0;
}
.sidebar-enable #main-wrapper #side_bar_main_section {
    left: 70px;
}
.sidebar-enable .side_bar_icon_btn {
    left: 335px;
}
.active-sidebar #main-wrapper  {
    padding-left: 0 !important;
}
.active-sidebar #main-wrapper #side_bar_main_section{
    transform: translateX(-100%);
}


/*-----Page Content Area start------*/
.side_bar_icon_btn {
    height: 30px;
    width: 30px;
    position: fixed;
    left: 515px;
    top: 145px;
    background:  #d7171f;
    color: #fff;
    border-radius: 50%;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s;
}
.side_bar_icon_btn:before {
    content: "";
    position: absolute;
    left: 2px;
    right: 0;
    top: 0;
    bottom: 0;
    height: 10px;
    width: 10px;
    border-width: 0px 0px 2px 2px;
    border-style: solid;
    border-color: currentColor;
    transform: rotate(45deg);
    margin: auto;
    transition: all 0.5s;
}
.side_bar_icon_btn:hover {
    background: #000;
}
.active-sidebar .side_bar_icon_btn {
    left: -10px;
    transform: scaleX(-1);
}
#disboard-content-wrapper {
    position: relative;
 /*   background-color: #F7F7FC; */
 /* height: 100vh;
    overflow: hidden; */
}
.step-progress-bar-block {
    overflow-y: auto;
}

/* Scroll Bar on Form Sections */

.step-progress-bar-block {
    margin-top: 0;
    overflow-y: auto;
    flex-grow: 2;
}
.step-progress-bar-block::-webkit-scrollbar {
    width: 7px;
    border-radius: 50px;
}
.step-progress-bar-block::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 50px;
}
.step-progress-bar-block::-webkit-scrollbar-thumb {
    background: #0d5296;
    border-radius: 50px;
    transition: all 0.3s;
}
.step-progress-bar-block::-webkit-scrollbar-thumb:hover {
    background: #333;
}

/* Scroll Bar on Form Sections Ends */

/*------------------- Step Form Css ---------------------*/

/* .main-step-wrapper {
    height: 100vh;
} */
.multi_step_form {
    display: block;
}
.multi_step_form #msform {
    position: relative;
    Width:100%;
    z-index: 1;
}
.multi_step_form #msform fieldset {
    border: 0;
    padding: 0;
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
}
.multi_step_form #msform fieldset:not(:first-of-type) {
    display: none;
}

#progressbar {
    margin-bottom: 30px;
    /* overflow: hidden; */
    width: 100%;
    display: flex;
    flex-flow: column;
}
#progressbar li {
    list-style-type: none;
    color: #99a2a8;
    /* width: 250px; */
    height: 50px;
    position: relative;
}
#progressbar li span {
    position: absolute;
    top: 5px;
    left: 85px;
    font-size: 14px;
    color: #787878;
    cursor: pointer;
}
#progressbar li:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #FFFAFA;
    border: 1px solid #FFE2E4;
    border-radius: 50%;
    margin-left: 35px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('./images/small_watch-ic.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 4px 4px;
}

/*
#progressbar li.active:before, #progressbar li.active:after {
    background: #d7171f;
}
*/

#progressbar li.alert-li:before {
    background-image: url('./images/alert-ic.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 4px 4px;
}
#progressbar li.active:before {
    background-image: url('./images/step_check_ic.svg');
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 6px 8px;
}
#progressbar li:after {
    content: "";
    width: 3px;
    height:100%;
    background: #FFE2E3;
    position: absolute;
    left: 48px;
    top: 21px;
    z-index: -1;
}

#progressbar li:last-child:after {
    height: 0;
}
#progressbar li.blank_round:before {
    background-image: none!important;
    background: #fff!important;
    border: 1px solid #D7171F!important;
}

/*
#progressbar li.blank_round:after {
    background: #d7171f!important;
}
*/

/*
#progressbar li.blank_round.active:before {
    background-image: url(./images/step_check_ic.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 17px !important;
    background-position: 6px 8px !important;
    background: #d7171f; 
}
*/

#progressbar li.completed:before {
    background-image: url(./images/step_check_ic.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 17px !important;
    background-position: 6px 8px !important;
    background: #d7171f; 
}

#progressbar li.completed.active:after {
    background: #FFE2E3!important;
}

#progressbar li.completed:after {
    background: #d7171f;
}



#progressbar li.active span {
    color: #fff;
    font-weight: 600;
    background-color: #d7171f;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

#progressbar li.active:before {
    border: 1px solid #d7171f;
}
.multi_step_form #msform .action-button.st-common-btn {
    cursor: pointer;
}
.multi_step_form #msform .action-button.st-common-btn:hover, .multi_step_form #msform .action-button.st-common-btn:focus {
    background: #405867;
    border-color: #405867;
}
.multi_step_form #msform .previous_button.st-common-btn {
    background-color: transparent;
    color: #d7171f;
}
.multi_step_form #msform .previous_button.st-common-btn {
    background-color: transparent;
    padding: 8px 15px;
}
.multi_step_form #msform .previous_button.st-common-btn:hover {
    background-color: #d7171f;
    color: #fff;
    border-color: #d7171f;
}
.multi_step_form #msform .previous_button.st-common-btn:hover svg path{
    stroke: #fff;
    transition: all 0.4s ease-in-out;
}
.prev-next--btn button + button {
    margin-left: 10px;
}

.side_bar_block .sustainability-progress-block {
padding: 20px 10px 10px 10px;
}

/*------------------- Step Form Css End---------------------*/

.sustainability-progress-block #chartHolder{
    position: absolute;
    bottom: 15px;
    left: 0;
}
.Kool__Caption {
    color: #333333;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.Kool__Root > div{
    display: none !important;
}
.Kool__Root .Kool__KoolChart {
    display: block !important;
}
.common-inner-section {
    padding: 35px;
 /* height: 100vh;
    overflow: hidden;
    overflow-y: auto; */
}
.common-step-block .common-title-block {
    padding-bottom: 25px;
}
.common-title-block h2 {
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
}
.common-title-block h4 {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
}
.common-title-block p {
    font-size: 14px;
    margin-bottom: 0;
}
.common-step-panel {
    padding:20px;
    background-color: #fff;
    border-radius: 5px;
}
.common-step-button-block {
    padding: 35px 0;
    display: flex;
    justify-content: space-between;
}
.st-common-btn {
    padding: 8px 20px;
    background-color: #d7171f;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid #d7171f;
    transition: all 0.4s ease-in-out;
    min-height: 36px;
}
.dropup .dropdown-toggle:after {
    display: none;
}
.btn-group.dropup {
    margin-right: 10px;
}
.dropup .dropdown-menu {
    width: 100%;
}
.st-common-btn:hover {
    background: #405867;
    border-color: #405867;
    color: #fff;
}
.st-cancel-btn {
    padding: 8px 20px;
    border: 1px solid #A2A2A2;
    background-color: #F7F7FC;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    color: #A2A2A2;
    transition: all 0.4s ease-in-out;
    min-height: 36px;
}
.st-cancel-btn:hover {
    background-color: #405867;
    border-color: #405867;
    color: #fff;
}
.action-button.st-common-btn svg{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.save-cancel-btn svg {
    margin-left: 5px;
}
.step-form-content-block {
    display: flex;
    flex-wrap: wrap;
}
.common-st-title-label h5 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    padding-left: 15px;
    color: #11142D;
}
.common--input-filed input {
    width: 100%;
    background-color: #fff;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    height: 40px;
    padding: 0 15px;
    font-size: 12px;
}
.st-note {
    color: #0076FF;
    font-size: 12px;
}
.st--common--box {
    margin-bottom: 20px;
}
.status--box .common-st-title-label h5 {
    padding-left: 0;
}
.st-radio-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.st-radio-col {
    width: 35%;
    padding: 0 15px;
}
.st-radio-col-2 {
    width: 30%;
    padding: 0 15px;
}
.cm-radio-btn label {
    margin: 0;
}
.cm-radio-btn label input {
    display: none;
}
.st-radio-box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #A9B5A9;
    color: #A9B5A9;
    font-weight: 500;
    font-size: 15px;
    height: 40px;
    border-radius: 9px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.st-radio-box p{
    margin-bottom: 0;
    font-size: 12px;
}
.st-radio-box span {
    width: 13px;
    height: 13px;
    background-color: #A9B5A9;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.st-radio-box:hover span {
    background-color: #8FBC8F;
}
.st-radio-box:hover {
    border: 1px solid #8FBC8F;
    color: #8FBC8F;
}

.cm-radio-btn label [type="radio"]:checked + .st-radio-box {
    color: #fff;
    background-color: #228B22;
}
.cm-radio-btn label [type="radio"]:checked + .st-radio-box span {
    background-color: #fff;
}

.status-0 label [type="radio"]:checked + .st-radio-box {
    background-color: #d40000!important;
}

.st-unique-input {
    position: relative;
}
.styled-checkbox {
    position: absolute;
    opacity: 0;
    display: none;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0;
    line-height: 1;
}
.styled-checkbox + label:before,
.st-unique-input .styled-checkbox + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    border-radius: 3px;
    border: 2px solid #CCCCCC;
}
.st-unique-input .styled-checkbox + label:before {
    width: 20px;
    height: 20px;
}
.styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 11px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}
.st-unique-input-box .styled-checkbox:checked + label:after {
    left: 5px;
    top: 9px;
}
.styled-checkbox:checked + label:before {
    background: #d7171f;
    border-color:  #d7171f;
}
.st-unique-input-box {
    position: absolute;
    right: 15px;
    top: 11px;
}
.common--input-filed input.st-input-uq::-webkit-outer-spin-button,
.common--input-filed input.st-input-uq::-webkit-inner-spin-button{
    -webkit-appearance: none;
    -moz-appearance: none;
}
.error {
    border: 2px solid #d7171f !important;
}
.error-note {
    display: none;
    color: #FF1D26;
    margin-top: 6px;
    font-size: 12px;
}
.error-note img, .use-error-note svg {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.error-note.open {
    display: block;
}
.common--input-filed textarea {
    width: 100%;
    background-color: #fff;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    min-height:70px;
    padding: 15px;
    font-size: 12px;
    resize: none;
}
.common--input-filed textarea::-webkit-input-placeholder {
    color: #11142D;
    font-family: 'Poppins', sans-serif;
}
.step-common-info-right-block {
    padding-left: 70px;
    padding-top: 21px;
}
.st-drop-file-box .dropzone{
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.st-upload-title h3{
    font-size: 16px;
    font-weight: 600;
    color: #11142D;
    margin-top: 10px;
}
.st-upload-title p {
    font-weight: 400;
    font-size: 14px;
    color: #B5B5B9;
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-message  {
    display: none;
}
.st-file-btn {
    display: block;
    padding: 10px;
    background-color: #d7171f;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #d7171f;
    text-decoration: none;
}
.st-file-btn:hover {
    background: #405867;
    border-color: #405867;
    color: #fff;
}
.st-file-btn + .st-file-btn {
    margin-top: 10px;
}
.st-file-btn.st-file-btn-ub {
    background-color: transparent;
    color: #d7171f;
}
.st-file-btn.st-file-btn-ub:hover {
    background: #d7171f;
    color: #fff;
    border-color: #d7171f;
}
.st-file-upload-btn {
    padding-top: 20px;
    padding-right: 12px;
    padding-left: 12px;
}

/*---------- Step 2 Css Start ------------*/

.use-section-df {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.use-section-btn .st-common-btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
}
.use-section-btn a + a {
    margin-left: 10px;
}
.step-small-label p{
    font-weight: 600;
    font-size: 14px;
    color: #333F52;
    margin-bottom: 15px;
}
.dimensions-btn {
    display: flex;
    flex-wrap: wrap;
}
.dimensions-btn a{
    display: inline-block;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    text-align: left;
    width: 45%;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    color: #A4A4A4;
    line-height: 1.9;
}
.dimensions-btn a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 2px solid #9B9B9B;
    margin-right: 15px;
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
}
.dimensions-btn a + a {
    margin-left: 30px;
}
.dimensions-content-block {
    padding-top: 30px;
}
.unit-input {
    position: relative;
}
.u-mm {
    background-color: #EFEFEF;
    padding: 5px 15px;
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 12px;
    color: #333333;
    border-radius: 5px;
    min-width: 50px;
    text-align: center;
    max-height: 30px;
}
.challenge-note p{
    font-size: 14px;
    margin-bottom: 20px;
}
.challenge-note p span {
    font-weight: 600;
}
.cm-radio-btn label img{
    max-width: 150px;
}
.st-item-radio-item ul {
    display: flex;
    flex-wrap: wrap;
}
.st-item-radio-item ul li {
    width: 33.333%;
    text-align: center;
    margin-bottom: 20px;
}
.cm-radio-btn label {
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    width: 100%;
}
.cm-radio-btn label input{
    position: absolute;
    opacity: 0;
    display: none;
}
.cm-radio-btn label .cm-ro-box {
    position: relative;
    font-size: 15px;
}
.cm-radio-btn label .cm-ro-box:before {
    position: absolute;
    top: 0.109375rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
    border-radius: 50%;
}
.cm-radio-btn label .cm-ro-box:after {
    position: absolute;
    top: 5.5px;
    left: -20px;
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    background: #fff;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
}
.cm-radio-btn label [type="radio"]:checked ~ .cm-ro-box:before {
    border-color: #d7171f;
    background-color: #d7171f;
}
.cm-radio-btn label [type="radio"]:checked ~ .cm-ro-box:after {
    opacity: 1;
    visibility: visible;
}
.dimensions-auto.active,
.dimensions-manual.active{
    background-color: #008000;
    border-color: #008000;
    color: #fff;
}
.dimensions-auto-content-block, .dimensions-manual-content-block {
    display: none;
}
.dimensions-manual-content-block.active,
.dimensions-auto-content-block.active {
    display: block;
}
.dimensions-btn a.active span {
    border: 0;
}
.dimensions-btn a.active span:after {
    content: '';
    width: 16px;
    height: 12px;
    background-image: url(./images/di-radio-check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 4px;
    left: 0;
}
.volume-active input{
    background-color: #D8D8DC;
    border-color: #D8D8D8;
}
.volume-active .u-mm{
    background-color: #B7BBBF;
}
.unit-input .error {
    background-color: #FFF2F4;
}
.unit-input-error .u-mm{
    background-color: #fff;
}
.validation-box-block {
    max-width: 320px;
    margin-left: auto;
    padding-top: 20%;
}
.validation-box {
    background-color: #FFF3F5;
    border-radius: 9px;
    padding: 20px 15px;
}
.validation-title {
    display: flex;
    align-items: center;
}
.validation-title img {
    width: 51px;
    margin-right: 20px;
}
.validation-title p, .all-validation-desc h3 {
    font-size: 14px;
    font-weight: 600;
    color: #11142D;
}
.all-validation-desc h3 {
    margin-bottom: 15px;
}
.validation-desc {
    margin: 15px 0 25px;
}
.validation-desc p, .all-validation-desc p {
    font-size: 12px;
}

.st-color-block {
    padding-top: 10px;
}
.st-color-block ul{
    display: flex;
   /* align-items: center;*/
    flex-wrap: wrap;
}
.st-color-block ul li {
    width: 14%;
    margin-bottom: 25px;
}
.st-color-block ul li:last-child {
    margin-bottom: 20px;
}
.st-color-box label {
    margin-bottom: 0;
}
.cm-color-round {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.cm-color-round:after  {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    left: -5px;
    bottom: -5px;
    border: 1px solid #d7171f;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
}
.cm-color-round img {
    opacity: 0;
    visibility: hidden;
}
.st-color-box label input {
    opacity: 0;
    position: absolute;
    display: none;
}
.st-color-box label [type="checkbox"]:checked ~ .cm-color-round img,
.st-color-box label [type="checkbox"]:checked ~ .cm-color-round:after{
    opacity: 1;
    visibility: visible;
}

.common-item-img img {
    border-radius: 9px;
}
.common-check {
    position: relative;
    display: inline-block;
    color: #A4A4A4;
    line-height: 1;
}
.composition-block .st--common--box{
    margin-bottom: 0;
}
.common-check:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    border-radius: 3px;
    border: 2px solid #CCCCCC;
}
.common-checkbox-img label{
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
}
.common-item-img {
    margin-bottom: 20px;
}
.common-checkbox-img label input {
    position: absolute;
    opacity: 0;
    display: none;
}
.common-checkbox-img label [type="checkbox"]:checked ~ .common-check:before {
    background: #d7171f;
    border-color: #d7171f;
}
.common-checkbox-img label [type="checkbox"]:checked ~ .common-check:after{
    content: "";
    position: absolute;
    left: 7px;
    top: 11px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}
.common-checkbox-img label [type="checkbox"]:checked ~ .common-item-img img {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3)
}
.common-checkbox-img label [type="checkbox"]:checked ~ .common-check {
    color: #333333;
    font-weight: 500;
}
.composition--item-block {
    padding-right: 20%;
}
.tooltip {
    top: 8px !important;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #d7171f;
}

.tooltip .arrow:before {
    border-top-color: #d7171f;
}

.tooltip-inner {
    padding: 6px 15px;
    background-color: #d7171f;
}

/*---------- Step 2 Css  End------------*/

/*----------------- Step 3 Css Start----------------*/
.well-done-note {
    background-color: #14A38B;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    margin-bottom: 30px;
}
.well-done-note p{
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}
.well-done-note a {
    font-weight: 400;
    font-size: 15px;
    color: #fff;
}
.nice-select:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    border-color: #2C3E50;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color:  #D8D8D8;
}
.nice-select {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #11142D;
}
.save-address-future {
    margin-top: 10px;
    display: inline-block;
}
 .save-address-future .common-checkbox-img label [type="checkbox"]:checked ~ .common-check {
    font-size: 14px;
    font-weight: 500;
    color: #7B7B7B;
}
.save-address-future .common-check {
    font-size: 12px;
}

.save-address-future .common-checkbox-img label [type="checkbox"]:checked ~ .common-check:before {
    background: #17A525;
    border-color: #17A525;
}
.location--box-block {
    padding-top: 20px;
}
/*----------------- Step 3 Css End----------------*/

/*----------------- Step 4 Css Start----------------*/
.ac_pluse{
    display: none;
    transform: rotate(0deg);
}
.ac_pluse svg{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.common-step-panel.show-tooltips .ac_pluse{
    display: none;
}
.acquisition-section .validation-box-block{
    padding-top: 0px;
}
/*----------------- Step 4 Css End----------------*/

/*----------------- Step Accordion Css Start ----------------*/
.common-step-panel.use-section .step_main_accordion_border{
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    padding: 10px 15px 15px;
}
.common-step-panel.use-section .step-small-label{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.common-step-panel.use-section .step-small-label p{
    margin-bottom: 0px;
}
.common-step-panel.use-section .st_accordion{
    margin-top: 15px;
}
.common-step-panel.use-section .st-col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.common-step-panel.use-section .ac_pluse{
    display: block;
}
.common-step-panel.use-section .step-small-label{
    cursor: pointer;
}
.ac_pluse.pluse_rotact svg{
    transform: rotate(45deg);
}
.use-section-btn .st-common-btn {
    background-color: #FFE2E3;
    color: #d7171f;
}
.use-section-btn .st-common-btn:hover {
    background-color: #d7171f;
    color: #fff;
    border-color: #d7171f;
}
.use-section-btn .st-common-btn.use-st-btn.active, .use-section-btn .st-common-btn.show-tool-btn.active {
    background-color: #d7171f;
    color: #fff;
}
.common-step-panel.use-section .step_main_accordion_border + .step_main_accordion_border,
.common-step-panel.use-section .composition-block .step_main_accordion_border{
    margin-top: 35px;
}
.common-step-panel.use-section  .st--common--box:last-child{
    margin-bottom: 0px;
}
/* .common-step-panel.use-section .dimensions-btn {
    max-width: 45%;
} */
.common-step-panel.use-section .st-color-block ul li {
    width: 5%;
}
.common-step-panel.use-section .unit-input-error .u-mm {
    background-color: #D7171F;
    color: #fff;
}
.common-step-panel.use-section .composition--item-block {
    padding-right: 0;
}
.common-step-panel.use-section .location--box {
    margin-bottom: 0px;
}


/*----------------- Step Accordion Css End----------------*/



/*====================================== Timeline Page Start Css ====================================*/
.tab_menu_item {
    background-color: #fff;
   /* padding-top: 25px; */
    padding-left: 60px;
    padding-bottom: 0;
    padding-right: 60px;
    margin-bottom: 25px;
}
.tab_content_design {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 25px;
}
.border_design{
    border-bottom: 2px solid #d8d8d9;
}
.nav-tabs.border_design .nav-item {
    margin-bottom: -2px;
}
html body .nav-tabs .tab_item_border_design a{
    color: #787878;
    padding-left: 50px;
    padding-right: 50px;
    border: none;
    font-weight: 500;
    font-size: 15px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    white-space: nowrap;
    border-bottom: 2px solid #d8d8d9;
}
html body .nav-tabs .tab_item_border_design a.active{
    border-color:transparent;
    border-bottom: 2px solid #d7171f;
    background-color: transparent;
    color: #d7171f;
    padding-left: 50px;
    padding-right: 50px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
html body .nav-tabs .tab_item_border_design a:hover,html body .nav-tabs .tab_item_border_design a:focus{
    color: #d7171f;
    border: none;
    border-bottom: 2px solid #d7171f;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
/*============== Post_An_Update Css Strat =============*/
.Post_An_Update{
    background: #FFFFFF;
    border: 1px solid #E6E7E9;
    border-radius: 8px;
}
.upload_ditels_box {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}
.Post_An_Update_title{
    font-size: 13px;
    font-weight: 600;
    color: #333F52;
    margin-bottom: 0;
    position: relative;
}
.Post_An_Update_dropdown {
    padding: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    cursor: pointer;
}
.Post_An_Update_dropdown::before{
    content: "\f107";
    font-family: FontAwesome;
    font-size: 24px;
    height: 25px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 65%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 25px;
    color: #2C3E50;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.Post_An_Update_dropdown.this_active::before{
    transform: rotate(-180deg);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.text_block textarea{
    font-weight: 400;
    font-size: 12px;
    color: #000;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 20px;
    height: 100%;
}
.text_block textarea:focus{
    outline: none;
}
.text_block textarea::placeholder{
    font-weight: 400;
    font-size: 12px;
    color: #8E949D;
}
.upload-image-and-file .st-drop-file-box .dropzone {
    border: 0.8px dashed #D8D8D8;
    border-radius: 8px;
    min-height: 215px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
}
.upload_ditels_box .dropzone .dz-message {
    margin: 2em 0 !important;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}
.upload-image-and-file .st-upload-title h3 {
    font-weight: 600;
    font-size: 13px;
    color: #333F52;
}
.upload-image-and-file .st-upload-title p {
    font-weight: 400;
    font-size: 12px;
    color: #979DA8;
}
.upload-image-and-file .cloud-icon img{
    width: 48px;
}
.mt_button{
    margin-top: 20px;
}
.text-upload_file_btn .st-file-btn {
    display: block;
    padding: 10px;
    background-color: transparent;
    font-weight: 500;
    color: #979DA8;
    font-size: 12px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #EDEDED;
    text-decoration: none;
    width: 308px;
}
.text-upload_file_btn .st-file-btn + .st-file-btn {
    margin-top: 0px;
    margin-left: 15px;
}
.text-upload_file_btn .st-file-btn.st-file-btn-ub {
    background-color:#d7171f;
    color: #fff;
    border: 1px solid #d7171f;
}
.text-upload_file_btn .st-file-btn:hover {
    background: #d7171f;
    border-color: #fff;
    color: #fff;
}
.text-upload_file_btn .st-file-btn.st-file-btn-ub:hover {
    background: transparent;
    color: #979DA8;
    border: 1px solid #EDEDED;
}
/*============== Post_An_Update Css End =============*/

/*==================== Assets_Timeline Css Strat ====================*/
.check_box_input_title .form-group + .form-group{
    padding-left: 30px;
}
.screen_icon li + li{
    margin-left: 20px;
}
.Assets_Timeline {
    background: #FFFFFF;
    border: 1px solid #E6E7E9;
    border-radius: 8px;
    padding: 15px;
    margin-top: 20px;
    padding-bottom: 40px;
    margin-bottom: 35px;
}
.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin-bottom: 0;
    line-height: 1;
}
.styled-checkbox + label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;;
    width: 23px;
    height: 23px;
    border: 2px solid #787878;
    border-radius: 3px;
}
.styled-checkbox:focus + label:before {
    box-shadow:none;
}
.styled-checkbox:checked + label:before {
    border: 2px solid #D7171F;
    background: #D7171F;
}
.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}
.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #0D5296;
}
.styled-checkbox:checked + label:after{
    content: "";
    position: absolute;
    left: 6px;
    top: 7px;
    background:#fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    transform: rotate(45deg);
}
.Assets_Timeline .check_box_block .styled-checkbox + label {
    position: relative;
    padding-left: 30px;
}
.Assets_Timeline .check_box_block .styled-checkbox + label:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.Assets_Timeline .check_box_block .check_box_input_title {
    max-width: none;
    flex-basis: unset;
}
.Assets_Timeline .check_box_block .check_box_input_title .lable_text {
    font-size: 12px;
    white-space: nowrap;
    padding: 0;
}
.lable_text{
    font-weight: 500;
    font-size: 14px;
    color: #656E7B;
    padding-left: 10px;
}
/*==================== Assets_Timeline Css End ====================*/
/*======================= Richard Created Asset 54 Css Strat ======================*/
.richard-text_block{
    margin-left: 30px;
    padding-left: 40px;
    padding-top: 25px;
    border-left: 1px solid #e0e0e0;
}
.richard-text_block > div + div{
    margin-top: 50px;
}
.personal_media-body{
    padding-left: 12px;
}
.personal_details_title{
    font-weight: 600;
    font-size: 13px;
    color: #333F52;
    margin-bottom: 5px;
}
.personal_details_title span,.personal_details_sub_title{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #999999;
    margin-bottom: 15px;
}
.media_b_a{
    position: relative;
}
.media_b_a_img{
    position: absolute;
    width: 35px;
    height: 35px;
    left: -58px;
    top: 0;
    background: #EEECFB;
    border-radius: 50px;
    z-index: 999;
}
.media_b_a_img::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 33px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 17px;
    height: 1px;
    background-color: #e0e0e0;
}
.img_and_text_block {
    margin-top: 5px;
    background: #F3F3F3;
    border-radius: 12px;
    padding: 15px;
}
.dummy_text_block{
    padding: 0 0px;
}
.dummy_text_block p{
    font-size: 14px;
    color: #767575;
    font-weight:normal;
    line-height: 1.7;
    margin-bottom: 15px;
}
/*======================= Richard Created Asset 54 Css End ======================*/

/*==================== Side Bar Css Start =======================*/
.timeline_box,.Film_TV{
    border-bottom: 1px solid #cccccc;
}
.Film_TV, .tags_block {
    padding: 7px 15px 15px 15px;
}
.timeline_box {
    padding: 15px 15px 0px 15px;
}
.side_bar_block{
    background: #FFFFFF;
    border: 1px solid #E6E7E9;
    border-radius: 8px;
}
.label_and_text {
    margin-bottom: 15px;
}
.label_and_text h6{
    font-weight: 500;
    font-size: 15px;
    color: #252829;
}
.label_and_text h6 span{
    font-weight: 400;
    color: #999999;
    padding-right: 10px;
}
.label_button{
    padding: 4px 16px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    background-color: #228B22;
}
.reference_label span{
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #999999;
}
.reference_label h6{
    font-weight: 600;
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
}
.Film_TV_title{
    font-weight: 600;
    font-size:13px;
    color: #D7171F;
    margin-top: 10px;
    margin-bottom: 20px;
}
.only_label_stiker > ul > li > span{
    background: #FEEFF0;
    border-radius: 4px;
    padding: 5px 15px;
    font-size: 12px;
    color: #D7171F;
}
.only_label_stiker > ul > li:not(:last-child){
    margin-right: 5px;
}
.only_label_stiker > ul > li{
    margin-bottom: 12px;
}

/*================== Drop Down ================*/
.wrap-drop {
    background: #FFFFFF;
    border: 1px solid #D7171F;
    box-sizing: border-box;
    border-radius: 4px;
    cursor:pointer;
    position:relative;
    width:auto;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #D7171F;
    padding: 5px 15px;
    padding-right: 30px;
    width: 124px;
}
.manage_1{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #D7171F !important;
}
.wrap-drop::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    height: 20px;
    margin-top: -4px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-22%);
    width: 20px;
}
.wrap-drop .drop {
    background:#e7ded5;
    box-shadow:3px 3px 3px rgba(0,0,0,.2);
    display:none;
    left:0;
    list-style:none;
    margin-top:0;
    opacity:0;
    padding-left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:100%;
    z-index:2;
    margin-bottom: 0;
}
.wrap-drop .drop li a {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #D7171F;
    display:block;
    padding: 5px 10px;
    background-color: #fff;
    text-decoration:none;
}
.wrap-drop span {
    color:#928579;
}
.wrap-drop .drop li:hover a {
    background-color:#FEEFF0;
}
.wrap-drop.active::after {
    content: "\f106";
}
.wrap-drop.active .drop {
    display:block;
    opacity:1;
    pointer-events:auto;
    height: 112px;
    overflow-y: auto;
}
.getimg{
    width: 15px;
    height: 15px;
    display: grid;
}
.drop_img_m{
    margin-right: 8px;
}
.grid_img .col-sm-auto, .ony-grid_img .col-sm-auto, .l_r_text_img .col-9 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.l_r_text_img .col-sm-9{
    flex: 0 0 80%;
    max-width: 80%;
}
.l_r_text_img .col-sm-3{
    flex: 0 0 20%;
    max-width: 20%;
}
/*====================================== Timeline Page End Css ====================================*/





/*==========================================================================
================================= Responsive Css ===========================
===========================================================================*/


@media screen and (max-width: 1600px) {
    #progressbar li {
        height: 60px
    }
    .step-common-info-right-block {
        padding-left: 0;
    }
    .st-radio-col-2, .st-radio-col {
        padding: 0 5px;
    }
    .st-radio-row {
        margin: 0 -5px;
    }
}
@media screen and (max-width: 1440px) {
    .cm-radio-btn label img {
        max-width: 100px;
    }
    .common-step-panel.use-section .st-color-block ul li {
        width: 10%;
    }
}

@media screen and (max-width: 1199px) {
    .step-common-info-right-block {
        padding:0;
    }
    .common-inner-section {
        padding: 30px;
    }
    .common-title-block h2 {
        margin-bottom: 15px;
    }
    .validation-box-block {
        max-width: 100%;
        margin-bottom: 30px;
        padding-top: 0;
    }
    .composition--item-block {
        padding-right: 0;
    }
    .location--box {
        margin-bottom: 30px;
    }
    .step-3 .validation-box{
        margin-bottom: 0;
    }
    .st-upload-title h3 {
        font-size: 14px;
    }
    .st-upload-title p {
        font-size: 12px;
    }


}

@media screen and (max-width: 991px) {
    #main-wrapper #side_bar_main_section {
        transform: translateX(-100%);
        z-index: 10;
    }
    .active-sidebar #main-wrapper  #side_bar_main_section{
        transform: translateX(0);
        box-shadow: 3px 0 8px rgba(0 0 0 / 20%);
    }
    .side_bar_icon_btn {
        left: -7px;
        transition: all 0.3s;
        top: 145px;
        transform: scaleX(-1);
    }
    .active-sidebar .side_bar_icon_btn {
        left: 265px;
        z-index: 12;
        transform: scaleX(1);
    }
    #main-wrapper {
        padding-left: 0;
    }
    .common-step-panel {
        padding: 25px 20px;
    }
    .st-file-btn {
        padding: 10px;
        font-size: 16px;
    }
    .styled-checkbox + label:before, .common-check:before  {
        width: 20px;
        height: 20px;
    }
  .styled-checkbox:checked + label:after, .common-check:after, .common-checkbox-img label [type="checkbox"]:checked ~ .common-check:after {
        left: 5px;
        top: 9px;
    }
    .st-unique-input-box .styled-checkbox:checked + label:after {
        left: 7px;
        top: 11px;
    }
    .prev-next--btn button + button, .save-cancel-btn a + a {
        margin-left: 5px;
    }
    .composition-item-box {
        margin-bottom: 25px;
    }
    .common-step-panel.use-section .dimensions-btn {
        max-width: 100%;
    }
    .common-check {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .common-step-button-block {
        flex-wrap: wrap;
    }
    .save-cancel-btn, .prev-next--btn {
        width: 100%;
    }
    .prev-next--btn {
        margin-top: 15px;
    }
    .common-inner-section {
        padding: 30px 15px;
    }
    .use-section-df {
        flex-wrap: wrap;
    }
    .use-section-btn {
        width: 100%;
        margin-bottom: 30px;
        text-align: right;
    }
    .common-step-panel.use-section .step_main_accordion_border {
        padding: 15px;
    }
    .common-step-panel.use-section .step_main_accordion_border + .step_main_accordion_border, .common-step-panel.use-section .composition-block .step_main_accordion_border {
        margin-top: 25px;
    }
}

@media screen and (max-width: 575px) {
    .st-radio-row {
        margin: 0 -5px;
    }
    .st-radio-col, .st-radio-col-2 {
        padding: 0 5px;
    }
    .composition--item-block .col-xs-6{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .st-color-block ul li {
        width: 20%;
    }
    .common-step-panel.use-section .st-color-block ul li {
        width: 60px;
    }



}

@media screen and (max-width: 450px) {
    .st-radio-box {
        font-size: 14px;
    }
    .st-radio-box span {
        width: 10px;
        height: 10px;
        margin-right: 6px;
    }
    .st-color-block ul li {
        width: 25%;
    }
    .dimensions-btn a + a {
        margin-left: 10px;
    }
    .dimensions-btn a {
        width: 48%;
        padding: 10px;
    }
    .st-item-radio-item ul li {
        width: 50%;
    }

}

@media screen and (max-width: 400px) {
    .st-cancel-btn, .st-common-btn {
        display: block;
        width: 100%;
    }
    .prev-next--btn button + button, .save-cancel-btn a + a,  .use-section-btn a + a{
        margin-left: 0;
        margin-top: 15px;
    }
    .btn-group.dropup {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .st-radio-col {
        width: 50%;
        margin-bottom: 10px;
    }
    .st-radio-col-2 {
        width: 50%;
    }
    .common-item-img img {
        max-width: 120px;
    }
    .common-item-img {
        margin-bottom: 15px;
    }
    .common-step-panel.use-section .common-item-img img {
        max-width: 95px;
    }
}

@media screen and (max-width: 367px) {}


/*==================== Timeline Responsive Css Start ===================*/

@media screen and (min-width: 576px){
    .grid_img .col-sm-auto,.ony-grid_img .col-sm-auto{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .l_r_text_img .col-9{
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .l_r_text_img .col-3{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media screen and (max-width:767px){
    #Activity > .row{
        margin-right: 0;
        margin-left: 0;
    }
    .nav-tabs.border_design .nav-item{
        margin-bottom: 0;
    }
    html body .nav-tabs .tab_item_border_design a.active{
        border-bottom: 1px solid #d7171f;
    }
    #Activity > .row > .col-md-6{
        padding-left: 0;
        padding-right: 0;
    }
    html body .nav-tabs .tab_item_border_design a.active,html body .nav-tabs .tab_item_border_design a {
        padding-left: 15px;
        padding-right: 15px;
    }
    html body .nav-tabs .tab_item_border_design a{
        font-size: 14px;
    }
    .border_design {
        border-bottom: 1px solid #d8d8d9;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .tab_menu_item {
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 25px;
    }
    .tab_content_design {
        padding-left: 10px;
        padding-right: 10px;
    }
    .Post_An_Update_dropdown.this_active::before {
        top: 28%;
    }
    .Post_An_Update_dropdown {
        padding:10px;
    }
    .upload_ditels_box {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 15px;
    }
    .upload_ditels_box .col-md-4{
        margin-top: 15px;
        padding-left: 15px !important;
    }
    .mt_button {
        margin-top: 15px;
    }
    .text_block textarea {
        padding: 10px;
    }
    .upload-image-and-file .st-upload-title h3 {
        font-size: 14px;
    }
    .text-upload_file_btn .st-file-btn {
        font-size: 13px;
    }
    .Assets_Timeline {
        padding: 10px;
        margin-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .screen_icon{
        padding-left: 0;
        margin: 15px 0;
        margin-bottom: 15px !important;
    }
    .check_box_input_title{
        flex-wrap: wrap;
    }
    .check_box_input_title .form-group{
        margin-top: 10px;
    }
    .check_box_input_title .form-group + .form-group {
        padding-left: 0;
    }
    .styled-checkbox + label:before {
        width: 20px;
        height: 20px;
        vertical-align: unset;
    }
    .styled-checkbox:checked + label:after {
        left: 5px;
        top: 7px;
    }
    .richard-text_block {
        margin-left: 10px;
        padding-left: 20px;
        padding-top: 20px;
    }
    .media_b_a_img {
        width: 30px;
        height: 30px;
        left: -35px;
        top: 0;
    }
    .media_b_a_img::after {
        top: 50%;
        left: 30px;
        width: 6px;
        height: 1px;
    }
    .personal_details_title {
        font-size: 13px;
    }
    .img_and_text_block {
        padding: 10px;
    }
    .dummy_text_block{
        padding: 0;
    }
    .grid_img .row,.ony-grid_img .row,.l_r_text_img .row{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .grid_img .col-sm-auto,.ony-grid_img .col-sm-auto,.l_r_text_img .col-9{
        padding-right: 5px !important;
        padding-left: 5px !important;
        margin-bottom: 10px;
    }
    .l_r_text_img .col-12{
        padding-left: 0 !important;
    }
    .l_r_text_img.row{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .label_and_text {
        margin-bottom: 15px;
    }
    .label_button {
        padding: 3px 12px;
        font-size: 14px;
    }
    .Film_TV_title {
        font-size: 15px;
        margin-bottom: 13px;
    }
    .timeline_box {
        padding: 20px 20px 0px 20px;
    }
    .Film_TV, .tags_block {
        padding: 10px 20px 17px 20px;
    }
    .only_label_stiker > ul > li > span {
        padding: 3px 10px;
        font-size: 11px;
    }
    .side_bar_block{
        margin-bottom: 20px;
    }
    .only_label_stiker > ul > li {
        margin-bottom: 8px;
    }
    .upload-image-and-file .st-drop-file-box .dropzone {
        min-height: auto;
    }
    .upload-image-and-file .dz-message {
        margin: 15px 0 0;
    }
    .upload-image-and-file .cloud-icon{
        max-width: 30px;
        margin:  0 auto 5px;
    }
    .upload-image-and-file .cloud-icon img{
        width: 100%;
    }
    .Post_An_Update_dropdown::before {
        right: 10px;
        font-size: 20px;
    }
    .richard-text_block > div + div {
        margin-top: 25px;
    }
    .lable_text{
       vertical-align: middle;
    }
    .tab-pane > .row > .col-md-12{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .upload-image-and-file .st-upload-title p {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 575px){
    .text-upload_file_btn{
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
    }
    .l_r_text_img .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .l_r_text_img .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .Post_An_Update_dropdown.this_active{
        padding-bottom: 25px;
    }
    .Post_An_Update_dropdown.this_active::before {
        top: 42%;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .Assets_Timeline_title{
        flex-wrap: wrap;
    }
    .check_box_input_title .form-group + .form-group {
        padding-left: 20px;
    }
    .l_r_text_img .col-12 {
        padding-left: 15px !important;
    }
    .text-upload_file_btn{
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .tab_menu_item {
        padding-top: 20px;
        padding-left: 50px;
        padding-right: 50px;
        margin-bottom: 40px;
    }
    html body .nav-tabs .tab_item_border_design a.active {
        padding-left: 20px;
        padding-right: 20px;
    }
    html body .nav-tabs .tab_item_border_design a {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 15px;
    }
    .upload-image-and-file .st-upload-title h3 {
        font-size: 15px;
    }
    .Assets_Timeline_title {
        flex-wrap: wrap;
    }
    .check_box_input_title .form-group {
        margin-top: 15px;
    }
    .screen_icon {
        margin: 15px 0;
        margin-bottom: 15px !important;
        padding-left: 0;
    }
    .text-upload_file_btn .st-file-btn {
        width: 200px;
    }
    .upload-image-and-file .st-drop-file-box .dropzone {
        min-height: auto;
    }
    .upload-image-and-file .cloud-icon {
        max-width: 40px;
        margin: 0 auto 5px;
    }
    .upload-image-and-file .cloud-icon img {
        width: 100%;
    }
    .dummy_text_block p {
        font-size: 14px;
    }
    .richard-text_block > div + div {
        margin-top: 40px;
    }
    .label_and_text {
        margin-bottom: 15px;
    }
    .timeline_box {
        padding: 20px 25px 6px 25px;
    }
    .reference_label h6 {
        font-size: 16px;
        margin-top: 3px;
    }
    .reference_label span {
        font-size: 14px;
    }
    .Film_TV_title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .Film_TV, .tags_block {
        padding: 15px 25px 20px 25px;
    }
    .label_and_text h6 {
        font-size: 16px;
    }
    .grid_img .col-sm-auto, .ony-grid_img .col-sm-auto, .l_r_text_img .col-9 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .styled-checkbox + label:before {
        width: 20px;
        height: 20px;
        vertical-align: unset;
    }
    .lable_text {
        vertical-align: middle;
    }
    .styled-checkbox:checked + label:after {
        left: 5px;
        top: 6px;
    }
}
@media (min-width: 992px) and (max-width: 1359px){
    .timeline_box {
        padding: 20px 15px 7px 15px;
    }
    .label_button {
        padding: 3px 12px;
        font-size: 14px;
    }
    .label_and_text {
        margin-bottom: 10px;
    }
    .reference_label span {
        font-size: 14px;
    }
    .Film_TV, .tags_block {
        padding: 10px 20px 20px 20px;
    }
    .Film_TV_title {
        margin-bottom: 10px;
    }
    .Assets_Timeline_title {
        flex-wrap: wrap;
    }
    .check_box_input_title .form-group {
        margin-top: 15px;
    }
    .screen_icon {
        margin: 15px 0;
        margin-bottom: 15px !important;
        padding-left: 0;
    }
    .dummy_text_block p {
        font-size: 14px;
    }
    .dummy_text_block {
        padding: 0;
    }
    .richard-text_block > div + div {
        margin-top: 35px;
    }
    .grid_img .col-sm-auto, .ony-grid_img .col-sm-auto, .l_r_text_img .col-9 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    html body .nav-tabs .tab_item_border_design a.active {
        padding-left: 30px;
        padding-right: 30px;
    }
    html body .nav-tabs .tab_item_border_design a {
        padding-left: 30px;
        padding-right: 30px;
    }
    html body .nav-tabs .tab_item_border_design a {
        font-size: 15px;
    }
    .upload-image-and-file .cloud-icon {
        max-width: 40px;
        margin: 0 auto 5px;
    }
    .upload-image-and-file .cloud-icon img {
        width: 100%;
    }
    .upload-image-and-file .st-upload-title h3 {
        font-size: 15px;
    }
    .upload-image-and-file .st-drop-file-box .dropzone {
        min-height: auto;
    }
    .upload-image-and-file .dz-message {
        margin: 15px 0 0;
    }
    .text-upload_file_btn .st-file-btn {
        padding: 6px;
    }
}
@media (min-width: 1360px) and (max-width: 1499px){
    .check_box_input_title .form-group + .form-group {
        padding-left: 14px;
    }
    .screen_icon {
        padding-left: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1359px){
    .grid_img .row, .ony-grid_img .row{
        margin-left: -5px;
        margin-right: -5px;
    }
}
@media screen and (min-width: 1360px){
    .grid_img .row, .ony-grid_img .row{
        margin-left: -10px;
        margin-right: -10px;
    }
}


/*==================== Timeline Responsive Css End ===================*/