@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
.smc_status_block {
    border-radius: 10px !important;
    padding: 10px !important;
}

.sam_extra {
    display: none;
}

.sam_request_creator {
    border: 1px solid black !important;
    padding: 14px !important;
}

.sam_request_creator tr {
    border: 1px solid black !important;
}

.btn, .revert, .approve, .powerup_update, .creative {
    min-width: 100px;
    width: auto;
    height: 40px;
    background-color: #2036A6;
    color: white;
    padding: 10px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
}

.show_revert {
    display: none;
}

#sam_show_more {
    min-width: 100px;
    width: auto;
    height: 40px;
    background-color: #2036A6;
    color: white;
    padding: 10px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
}

/* Submit Request button */
.sam_submit {
    display: flex;
    margin: auto;
}

/* Signup button */
.signup-button {
    border: 2px solid #1527A0;
    border-radius: 35px;
    line-height: 40px;
    background: #1527A0;
    color: #FFF;
    font-size: 16px;
    padding: 0 40px;
    cursor: pointer;
    font-family: "Samsung one 700";
}

.signup-button a {
    color: white !important;
    font-size: 16px !important;
}

/* Remove capital */
.sam_requester_signup {
    text-transform: none !important;
}


/* ----- @@@animesh ------*/
.page-id-2024 #main{ padding: 0 !important;}
.page-id-2024 .fusion-no-lightbox, .page-id-2024 .fusion-tb-header, .page-id-2024 .fusion-tb-footer, .page-id-2024 .fusion-fullwidth{ display: none !important;}
.page-id-2024 .fusion-no-lightbox img{ max-width: 150px !important;}
h1{ color: green !important;}


.assetsDashboardWrap{
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.assetsDashboardWrap .container{
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 100%;
    max-width: 100%;
}


/* --- sidebar --- */
.dashboardSidebar{
    width: 320px;
    border-right: 1px solid #ccc;
    box-shadow: 1px 1px 5px #CCC;
    height: 100vh;
}
.dashboardSidebar h2.logo{ text-align: center; padding-top: 15px;}
.dashboardSidebar h2.logo img{ max-width: 250px; height: auto; display: inline-block;}
.dashboardSidebar > div{
    height: 100vh;
    position: relative;
}
.dashboardSidebar .sidebarFooter{ position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 35px; text-align: center;} 
.dashboardSidebar .sidebarFooter a{
    font-family: "Samsung one 700";
    clear: both;
    width: 70%;
    display: inline-block;
    border: 2px solid #FFB546;
    border-radius: 35px;
    line-height: 40px;
    margin: 10px 0;
    background: #FFB546;
    color: #000;
}
.dashboardSidebar .sidebarFooter a + a{
    background: #FFF;
    border-color: rgb(20, 40, 160);
    color:  rgb(20, 40, 160);
}
.dashboardSidebar .sidebarFooter a:hover{
    background: rgb(20, 40, 160);
    border-color: rgb(20, 40, 160);
    color: #FFF ;
}

.sidebarNavigation{
    margin-top: 25px;
}
.sidebarNavigation ul{ margin: 0; padding: 0;}
.sidebarNavigation ul li{
    width: 100%;
    list-style-type: none;
    display: block;
    clear: both;
    position: relative; 
}
.sidebarNavigation ul li ul{
    width: 310px;
    background: #FFF;
    position: absolute;
    left: 100%;
    top: 0;
    border-right: 1px solid #ccc;
    box-shadow: 4px 1px 5px #CCC;
    display: none;
    z-index: 999;
}
.sidebarNavigation ul li ul li{
    width: 100%;
    display: block;
}
.sidebarNavigation ul li a,
.sidebarNavigation ul li ul li a{
    color: rgb(20, 40, 160);
    font-size: 15px;
    display: block;
    padding: 10px 15px;
    display: flex;
    justify-content: flex-start;
}
.sidebarNavigation ul li a:hover,
.sidebarNavigation ul li.active a,
.sidebarNavigation ul li ul li.active a,
.sidebarNavigation > ul > li:hover > a{
    background: rgb(20, 40, 160);
    color: #FFF;
}
.sidebarNavigation ul li a > i{ font-size: 20px; width: 25px; margin-right: 10px;}
.sidebarNavigation ul li a > span{ width: calc(100% - 50px);}

.sidebarNavigation > ul > li:hover ul{ display: block;} 

.sidebarNavigation ul li a .fusion-open-nav-submenu{
    transform: rotate(270deg);
    padding-left: 0;
    padding-right: 0;
    font-style: normal;
    margin: 0;
    width: auto;
}
.sidebarNavigation ul li a .fusion-open-nav-submenu:before {
    content: "\f107";
    font-family: 'awb-icons';
    line-height: 1;
}
/* --right div--- */
.dashboardScreens{
    width: calc(100% - 320px);
    box-sizing: border-box;
    height: 100vh;
    overflow-y: scroll;
}
.dashboardScreens > div{padding: 0 75px 0 35px;}
.dashboardScreens .screenFooter{ 
    background: #000;
    text-align: center;
    padding: 25px 0;
    margin-top: 35px;
}
.dashboardScreens .screenFooter img{
    width: 180px;
    height: auto;
}
/* .dashboardScreens > div{ display: none;}
.dashboardScreens > div:first-child{ display: block;} */
.dashboardScreens h2, 
.dashboardScreens h3,
.dashboardScreens h4, 
.dashboardScreens h5{
    margin-bottom: 0;
}
.dashboardScreens p{ padding-top: 6px;}
.dashboardScreens .__headingDiv{
    padding-top: 15px;
    padding-bottom: 35px;
    border-bottom:1px solid #ccc;
}
.dashboardScreens .__headingDiv h2{
color: rgb(20, 40, 160);
}

.dashboardScreens .bloueBarconetnt{ background: rgb(20, 40, 160); padding: 25px 15px; margin: 35px 0;}
.dashboardScreens .bloueBarconetnt p{color: #FFF; margin: 0;}
.dashboardScreens .bloueBarconetnt p a{color: #FFF; text-decoration: none;}
.dashboardScreens .bloueBarconetnt p a:hover{ color: #FFF; text-decoration: underline;}

.dashboardScreens  .twoBoxSection{ 
    display: flex;
    justify-content: center;
    padding: 35px 0;
    border-top: 1px solid #ccc;
    flex-wrap: wrap;
}
.dashboardScreens  .twoBoxSection .__blackBox{ 
    width: 30%;
    margin: 15px 1.5%;
    background: #000;
    display: flex;
    text-align: center;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 20px;
    height: 260px;
    align-items: self-start;
    justify-content: center;
}
.dashboardScreens  .twoBoxSection .__blackBox .icondiv{
    width: 70px;
    height: 70px;
    background: rgb(20, 40, 160);
    border-radius: 50%;
    display: inline-block;
    line-height: 50px;
    color: #FFF;
    font-size: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px auto;
}
.dashboardScreens  .twoBoxSection .__blackBox .icondiv i{
    margin: 0;
    padding: 0;
    background: transparent
}
.dashboardScreens  .twoBoxSection .__blackBox h5{
    color: #FFF;
    font-size: 17px;
    margin: 0;
    font-family: "Samsung one 700";
}
.dashboardScreens  .twoBoxSection .__blackBox p{
    color: #FFF;
    margin-bottom: 0;
    font-size: 14px;
}

.dashboardScreens .tableAreaWrap{ padding-top: 0;}

.dashboardScreens .tableAreaWrap .tableTopdiv{ display: flex; justify-content: space-between;}
.dashboardScreens .tableAreaWrap ol{ margin: 10px 0; padding: 0;}
.dashboardScreens .tableAreaWrap ol li{ list-style-type: none; display: inline-block; padding-left: 15px; ; color: #000; }
.dashboardScreens .tableAreaWrap ol li:first-child{ padding-left: 0;}
.dashboardScreens .tableAreaWrap ol li a{color: #000;}
.dashboardScreens .tableAreaWrap ol li a:hover{ text-decoration: underline;}
.dashboardScreens .tableAreaWrap ol.markedOPtions{ }
.dashboardScreens .tableAreaWrap ol li i{
    font-size: 13px;
}
.dashboardScreens .tableAreaWrap ol li i.moving{ color: #71B757;}
.dashboardScreens .tableAreaWrap ol li i.attention{ color: #D03434;}
.dashboardScreens .tableAreaWrap ol li i.process{ color:#FFB546 ;}
.dashboardScreens .tableAreaWrap ol li i.delivered{ color: #1527A0;}

/* .dashboardScreens .tableAreaWrap ol.markedOPtions li:first-child::before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 5px;
    background: #71B757;
    display: inline-block;
} */
/* .dashboardScreens .tableAreaWrap ol.markedOPtions li:nth-child(2)::before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 5px;
    background: #D03434;
    display: inline-block;
}
.dashboardScreens .tableAreaWrap ol.markedOPtions li:nth-child(3)::before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 5px;
    background: #FFB546;
    display: inline-block;
}
.dashboardScreens .tableAreaWrap ol.markedOPtions li:nth-child(4)::before{
    content: "\f00c";
    font-size: 12px;
    margin-right: 5px;
    color: #1527A0;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
} */




.dashboardScreens .tableAreaWrap .tableDiv{ padding-top: 20px;}
.dashboardScreens .tableAreaWrap .tableDiv .tableDiv__heading{
    background: #000;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;

}

.dashboardScreens .tableAreaWrap .tableDiv .__col{
    width: 16%;
    box-sizing: border-box;
    padding: 12px 6px;
    text-align: left;
    display: flex;
    align-items: center;
}
.dashboardScreens .tableAreaWrap .tableDiv .__col:last-child,
.dashboardScreens .tableAreaWrap .tableDiv .__col:nth-child(4){ justify-content: center;}
.dashboardScreens .tableAreaWrap .tableDiv .__col:first-child{ width: 26%; text-align: left;}
.dashboardScreens .tableAreaWrap .tableDiv .__col:nth-child(2){ width: 26%;}

.dashboardScreens .tableAreaWrap .tableDiv .__col a.rmbttn{ background: rgb(20, 40, 160); padding: 8px 28px; border-radius: 28px; color: #FFF; display: inline-block; }
.dashboardScreens .tableAreaWrap .tableDiv .__col .statue{
    background: #CCC;
    color: #000;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 18px;
    font-size: 15px;
    font-family: "Samsung one 400";
}
.dashboardScreens .tableAreaWrap .tableDiv .__col .process::before,
.dashboardScreens .tableAreaWrap .tableDiv .__col .attention::before,
.dashboardScreens .tableAreaWrap .tableDiv .__col .moving::before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 5px;
    background: #71B757;
    display: inline-block;
}
.dashboardScreens .tableAreaWrap .tableDiv .__col .fa-check::before{
    color: #1527A0;
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    padding-right: 6px;
}
.dashboardScreens .tableAreaWrap .tableDiv .__col .statue.attention::before{
    background: #D03434;
}
.dashboardScreens .tableAreaWrap .tableDiv .__col .statue.process::before{
    background: #FFB546;
}


.dashboardScreens .tableAreaWrap .tableDiv .tableDiv__heading,
.dashboardScreens .tableAreaWrap .tableDiv .tableDiv__row{
    display: flex;
    justify-content: space-between;
}
.dashboardScreens .tableAreaWrap .tableDiv .tableDiv__row{ border-bottom: 1px solid #ccc;}



/* ----overwrite css based on screen ----- */
.dashboardTableScreen .__headingDiv{ border: 0;}
.dashboardScreens .dashboardTableScreen .__headingDiv h2{ color: #000;}
.dashboardScreens .dashboardTableScreen .__headingDiv p{ color: #000;}
.dashboardScreens .dashboardTableScreen{
    color: #000;
}

.dashboardReqFormScreen .bloueBarconetnt{
    text-align: center;
}
.dashboardReqFormScreen .bloueBarconetnt i.fa-info{ 
    color: #FFF;
    font-size: 20px;
}
 .bludLinkbar{
    background: rgb(20, 40, 160);
    padding: 15px 15px;
    margin: 35px 0;
    text-align: center;
}
 .bludLinkbar a{ 
    font-size: 17px;
    color: #FFF;
    font-weight: 700;
}
.bludLinkbar a:hover{
    color: #FFF;
}
 .bludLinkbar i{
    font-size: 20px;
    color: #FFF;
    margin-right: 8px;
}
.dashboardReqFormScreen .__headingDiv + div ul{
    margin: 15px 0;
    padding: 0 21px;
}
.dashboardReqFormScreen .__headingDiv + div ul li{ padding: 6px 0;}
.dashboardReqFormScreen .__headingDiv + div ul li:first-child{ padding-top: 0;}
.dashboardReqFormScreen .__headingDiv + div ul li > ul{ margin: 0;}

.dashboardReqFormScreen .formWraper{
    padding: 35px;
    background: url(images/formbg.jpeg) no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.dashboardReqFormScreen .formWraper .loaderForm{
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(255,255,255,0.7);
    display: none;
}
.dashboardReqFormScreen .formWraper .loaderForm img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.dashboardReqFormScreen .formWraper h3{
   color: #FFF;
   text-align: center;
   margin-bottom: 25px;
}
.dashboardReqFormScreen .formWraper form{ background: #FFF; border-radius: 16px; padding: 20px;}
.dashboardReqFormScreen .formWraper form .form-group{     padding: 12px 15px;}
.dashboardReqFormScreen .formWraper form .form-group label{ display: block; width: 100%; padding-bottom: 4px;}

.dashboardReqFormScreen .formWraper form .form-group input[type="text"],
.dashboardReqFormScreen .formWraper form .form-group input[type="email"],
.dashboardReqFormScreen .formWraper form .form-group select,
.dashboardReqFormScreen .formWraper form .form-group textarea{
width: 100%;
padding: 10px;
}
.dashboardReqFormScreen .formWraper form .form-group textarea{
    height: 150px;
}

/* ---- Tracking ---- */
.dashboardTrackingScreen{}

.dashboardTrackingScreen .blackBarorder{
    background: #000;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 6px 4px;
}
.dashboardTrackingScreen .blackBarorder > div{ padding: 4px;}
.dashboardTrackingScreen .blackBarorder p{
    color: #FFF;
    margin: 0;
    padding: 0;
}
.dashboardTrackingScreen .blackBarorder p a{color: #FFF; text-decoration: none;}
.dashboardTrackingScreen .blackBarorder p a:hover{ text-decoration: underline;}

.dashboardTrackingScreen .greenBartracking{
    border-radius: 35px;
    padding: 35px 10%;
}
.dashboardTrackingScreen .greenBartracking ul{ 
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.dashboardTrackingScreen .greenBartracking ul li{
    list-style-type: none;
    /* display: inline-block; */
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    background: #71B757;
    padding: 9px 20px;
    text-align: center;
}

.dashboardTrackingScreen .greenBartracking ul li.grayBG{ background: #E9E9E9; color: rgba(0, 0, 0, .68);}
.dashboardTrackingScreen .greenBartracking ul li:first-child{ border-radius: 30px 0 0 30px;}
.dashboardTrackingScreen .greenBartracking ul li:last-child{ border-radius: 0 30px 30px 0px;}

.dashboardTrackingScreen .twoColumnTrack{
    display: flex;
    justify-content: space-between;
}
.dashboardTrackingScreen .twoColumnTrack > div{ width: 48%;}
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul{ margin: 0; padding: 0;}
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li{
    list-style-type: none;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    color: #000;
    padding: 13px 0;
    position: relative;
}

.dashboardTrackingScreen .twoColumnTrack .leftProgress ul li::after{
    content: "";
    width: 1px;
    height: 100%;
    background: #CCC;
    position: absolute;
    left: 30%;
    top: 14px;
}

.dashboardTrackingScreen .twoColumnTrack .leftProgress ul li:last-child:after{
    height: 20%;
}
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .date{width: 20%; text-align: right;}
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .circle{width: 20%; display: flex; position: relative; z-index: 100;
    justify-content: center;}
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .progressed{width: 60%;}
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .date strong{ font-size: 16px; color: #000;}
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .progressed{font-size: 16px; color: #000;}
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .circle > span{ width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; background: #E9E9E9; border-radius: 50%; position: relative;}
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .circle > span > span{
    /* width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #707070;
    display: inline-block; */
    color:#707070;
}

/* Delivered */
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .circle.delivered > span{
    background: #1527A0;
}


/* Canceled */
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .circle.canceled > span{
    background: #a01515;
}


/* Process */
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .circle.approved > span > span{
    color: #FFB546;
}

/* Rejected */
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .circle.reject > span > span{
    color: #D03434;
}

/* In moving flow */
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .circle.flow > span > span{
    color: #71B757;
}

.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li .circle.delivered > span > span{ color: #FFF; }
.dashboardTrackingScreen .twoColumnTrack  .leftProgress ul li:last-child .circle span{ background: #71B757; color: #71B757;}

.dashboardTrackingScreen  .rightDetails .assetsProof >div:first-child{
    border:1px solid  #E9E9E9;
    padding: 20px;
    margin-top: 20px;
    border-radius: 18px;
    min-height: 250px;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    flex-wrap: wrap;
}
.dashboardTrackingScreen  .rightDetails .assetsProof .__buttonGroup{ padding-top: 15px;}
.dashboardTrackingScreen  .rightDetails .assetsProof .__buttonGroup a.rmbttn{
    border: 2px solid #383838;
    border-radius: 35px;
    line-height: 40px;
    margin: 20px 0;
    background: #383838;
    color: #FFF;
    font-size: 14px;
    padding:0 20px;
    display: inline-block;
    margin: 5px;
}

.dashboardTrackingScreen  .rightDetails .assetsProof .__buttonGroup a.rmbttn i { padding-left: 4px;}
.dashboardTrackingScreen  .rightDetails .assetsProof .__buttonGroup a.rmbttn:first-child{
    background: #1527A0;
    border-color: #1527A0;
}
.dashboardTrackingScreen  .rightDetails .assetsProof .__buttonGroup a.rmbttn:last-child{
    background: #71B757;
    border-color: #71B757;
}
.dashboardTrackingScreen  .rightDetails .assetsProof .__buttonGroup a.rmbttn.grayBttn{
    border: 2px solid #383838;
    background: #383838;
}
.dashboardTrackingScreen  .rightDetails .assetsProof .__buttonGroup a.rmbttn:hover{
    background: #000;
    border-color: #000;
}
.dashboardTrackingScreen  .rightDetails .cardGroup .updateCard{
    border:1px solid  #E9E9E9;
    padding: 20px;
    margin-top: 20px;
    border-radius: 18px;
}
.dashboardTrackingScreen  .rightDetails .cardGroup .updateCard p{ margin:15px 0 0 0; padding: 0; color: #000;}
.dashboardTrackingScreen  .rightDetails .cardGroup .updateCard p:first-child{ margin: 0;}
.dashboardTrackingScreen  .rightDetails .cardGroup  .rmbttn{
    border: 2px solid #383838;
    border-radius: 35px;
    line-height: 40px;
    margin: 20px 0;
    background: #383838;
    color: #FFF;
    font-size: 14px;
    padding:0 20px;
    display: inline-block;
}


/* ----- */
.buttonDDwraper{
    display: flex;
    justify-content: space-between;
}
.buttonDDwraper .statusDD{
    width: 180px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.buttonDDwraper .statusDD .firstRow{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.buttonDDwraper .statusDD .firstRow input[type="text"]{
    border: 0;
    line-height: normal;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
    white-space: nowrap;
    color: #000;
    padding: 0;
}
.buttonDDwraper .statusDD .firstRow::after{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    cursor: pointer;
}

.buttonDDwraper .statusDD .fusion-open-nav-submenu{
    font-style: normal;
}
.buttonDDwraper .statusDD .fusion-open-nav-submenu::after{
    content: "\f107";
    font-family: 'awb-icons';
    line-height: 1;
    font-size: 14px;
    color: #000;
    transform: rotate(90deg);
}

.buttonDDwraper .statusDD ul.ddItems{
    position: absolute;
    list-style-type: none;
    display: inline-block;
    width: 220px;
    right: 0;
    top: 100%;
    background: #000;
    border-radius: 6px;
    padding: 6px;
    margin: 0;
    display: none;
}
.buttonDDwraper .statusDD ul.ddItems li{
    display: block;
    width: 100%;
    padding: 6px;
    font-size: 13px;
    color: #FFF;
    cursor: pointer;
    border-radius: 4px;
}
.buttonDDwraper .statusDD ul.ddItems li:hover,
.buttonDDwraper .statusDD ul.ddItems li.active{
    background: #FFF;
    color: #000;
}


/* Popup Menu */
body.disableScroll{
    height: 100%; overflow: hidden
}
.popupWraptotal{
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .88);
    display: none;
}
.popupWraptotal .popupCenterdiv{ 
    width: 100%; height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popupWraptotal .popupContainer{ 
    position: relative;
    width: 100%;
    max-width: 700px;
}
.popupWraptotal .closePopup{
    position: absolute;
    right: 5px;
    top: 5px;
}
.popupWraptotal .popupHeader{
    background: #1527A0;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 12px 12px 0 0;
}
.popupWraptotal .popupHeader h3{
    margin: 0;
    color: #FFF;
    font-size: 24px;
}
.popupWraptotal .popupHeader p{ color: #FFF; margin-bottom: 0;     padding-top: 10px;}
.popupWraptotal  .popupBody{ background: #FFF; padding: 25px; text-align: center; border-radius: 0 0 12px 12px; position: relative;}
.popupWraptotal  .popupBody .loaderForm{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    display: none;
}
.popupWraptotal  .popupBody .loaderForm img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: auto;
}
.popupWraptotal  .popupBody .formField{ padding-bottom: 15px;}
.popupWraptotal  .popupBody textarea, .popupWraptotal  .popupBody input[type="text"]{ 
    width: 100%;
    font-size: 14px;
    padding: 12px 13px;
    height: 50px;
}
.popupWraptotal  .popupBody textarea{ height: 150px;}
.popupWraptotal  .popupBody input[type="button"]{
    border: 2px solid #1527A0;
    border-radius: 35px;
    line-height: 40px;
    margin: 20px 0;
    background: #1527A0;
    color: #FFF;
    font-size: 14px;
    padding:0 20px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
}
.popupWraptotal  .popupBody input[type="button"]:hover{
    border: 2px solid #383838;
    background: #383838;
}

.closePopup button{
    cursor: pointer;
    background: transparent;
    color: #FFF;
    font-size: 15px;
    border: 0;
}
.permittedContent p{
    font-size: 20px;
    color: #000;
    line-height: 26px;
}
.permittedContent a.rmbttn{
    border: 2px solid #000;
    border-radius: 35px;
    line-height: 40px;
    margin: 20px 0;
    background: #000;
    color: #FFF;
    font-size: 14px;
    padding: 0 30px;
    display: inline-block;
    cursor: pointer;
}
.permittedContent a.rmbttn:hover{
    background: #1527A0;
    border-color: #1527A0;
}


/* ------ @loginform ------ */

.login-username{
    padding: 0;
}
.login-username label,
.login-password label{
    display: block;
    padding-bottom: 8px;
}

.login-username input[type="text"],
.login-password input[type="password"]{
        border-color: #c0c5df;
}
.login-remember label{
    display: flex;
    align-items: baseline;
}
.login-remember label input[type="checkbox"]{
    transform: scale(1.2);
    border-color: #c0c5df;
    box-shadow: none;
        margin-right: 8px;
}
.login-submit input[type="submit"]{
    border: 2px solid #1527A0;
    border-radius: 35px;
    line-height: 40px;
    background: #1527A0;
    color: #FFF;
    font-size: 16px;
    padding: 0 40px;
    display: inline-block;
    margin: 5px 0;
    cursor: pointer;
    font-family: "Samsung one 700";
}
.login-submit input[type="submit"]:hover{
    background: #000;
    border-color: #000;
}
 


/* --- */
#LoadMoreAdmin{
    font-family: "Samsung one 700";
    background: rgb(20, 40, 160);
    padding: 14px 28px;
    border-radius: 28px;
    color: #FFF;
    display: inline-block;
    border: 0;
    font-size: 16px;
    margin: 25px auto;
    display: inherit;
    cursor: pointer;
}
#LoadMoreAdmin img{
    width: 25px;
    height: auto;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    line-height: 40px;
}


.upcomingEvent{
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%221920%22%20height%3D%22954%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23prefix__clip0_77_23308%29%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1173%200H0v954h1313l-140-238.5h70l70-119h70L1313%20477l70-119.5h-70l-70-119h-70l70-119.5-70-119zm747%200v954h113V0h-113z%22%20fill%3D%22rgba%28255%2C255%2C255%2C1%29%22%2F%3E%3Cpath%20d%3D%22M1102.98%20835l69.98%20119H1033l69.98-119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22M1382.91%20834.998l69.98%20119h-139.96l69.98-119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.24%22%2F%3E%3Cpath%20d%3D%22M1172.96%20954l-69.98-119h139.97l-69.99%20119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.4%22%2F%3E%3Cpath%20d%3D%22M1032.98%20715.941l-69.98%20119h139.96l-69.98-119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.12%22%2F%3E%3Cpath%20d%3D%22M1172.96%20715.5l69.99%20119.5h-139.97l69.98-119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M1102.98%20834.998l69.98-119.5H1033l69.98%20119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M1382.91%20834.998l-69.98-119.5h139.96l-69.98%20119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M1172.96%20596.5l69.99%20119h-139.97l69.98-119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M1242.95%20715.5l69.98-119h-139.97l69.99%20119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M1242.98%20596.5l69.98-119.5H1173l69.98%20119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M1032.98%20477l69.98%20119.5H963l69.98-119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.05%22%2F%3E%3Cpath%20d%3D%22M1312.93%20477l69.98%20119.5h-139.96l69.98-119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M1102.98%20119.002l69.98-119H1033l69.98%20119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22M1312.93%200l69.98%20119h-139.96l69.98-119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M1172.96%200l-69.98%20119h139.97L1172.96%200z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M1172.98%20238.5l69.98-119.5H1103l69.98%20119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.42%22%2F%3E%3Cpath%20d%3D%22M1032.98%20238.5l69.98-119.5H963l69.98%20119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.24%22%2F%3E%3Cpath%20d%3D%22M1172.96%20357.5l69.99-119h-139.97l69.98%20119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M1242.95%20238.5l69.98%20119h-139.97l69.99-119z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M1102.98%20357.5l69.98%20119.5H1033l69.98-119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.3%22%2F%3E%3Cpath%20d%3D%22M1312.98%20477l69.98-119.5H1243l69.98%20119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M1172.96%20477l69.99-119.5h-139.97l69.98%20119.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.75%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22prefix__clip0_77_23308%22%3E%3Cpath%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20d%3D%22M0%200h1920v954H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E);
background-color: rgb(20, 40, 160);
background-size: cover;
background-position: center;
}
.upcomingEvent__heder h3{  
    /* color: green; */
    margin: 0; padding:15px 0;}
.welComediv{
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%221920%22%20height%3D%22954%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23prefix__prefix__clip0_77_23452%29%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1353%20308.5c0%20255.507-131.58%20485.45-341.45%20645.5-187.291%20142.83-436.933%20230-711.05%20230C-280.78%201184-752%20792.025-752%20308.5S-280.78-567%20300.5-567c450.743%200%20835.31%20235.692%20985.3%20567%2043.44%2095.948%2067.2%20199.916%2067.2%20308.5z%22%20fill%3D%22rgba%28255%2C255%2C255%2C1%29%22%2F%3E%3Cpath%20d%3D%22M1321.57%20538C1357.08%20287.516%201273.7%2089.91%201127-.418L1374.18-6c65.77%20100.68-15.89%20431.512-52.61%20544zM312%20955c432.242%200%20746.77-180.667%20850-271-90.34%20157.09-176.766%20246.121-208.688%20271H312z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M1344.5%20427c0-252.4-212.67-390.833-319-428.5H1373c70%2082.4%2010.17%20320-28.5%20428.5z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.1%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1337%20184.5c0%20324.402-198.63%20609.049-497.356%20769.5H0V0h1285.8c-149.99-331.308-534.557-567-985.3-567C-280.78-567-752-175.025-752%20308.5c0%2040.898%203.371%2081.142%209.895%20120.549C-617.527%20811.461-207.995%201092%20278%201092c206.311%200%20398.842-50.56%20561.644-138h171.906C1221.42%20793.95%201353%20564.007%201353%20308.5c0-53.218-5.71-105.326-16.64-155.925.42%2010.596.64%2021.239.64%2031.925z%22%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20fill-opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22prefix__prefix__clip0_77_23452%22%3E%3Cpath%20fill%3D%22rgba%2820%2C40%2C160%2C1%29%22%20d%3D%22M0%200h1920v954H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E);
    /* opacity: 1;
    transform: scale(1, 1);
    mix-blend-mode: normal; */
    background-color: rgb(20, 40, 160);
background-size: cover;
background-position: center;
}
.welComediv__heading h4{
    /* color: green;  */
    margin: 0; padding:15px 0;
}



#videoScreen{
    padding: 0;
    display: block;
}
#videoScreen .videoWraper{
    position: relative;
    width: 100%;
    height: 100vh;
}
#videoScreen .videoWraper video{
    position: absolute;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
#videoScreen .dashboardHomeScreen{
padding: 0 15px 0 35px;
}
#videoScreen .down-indicator::after{
    content: "\e61f";
    color: inherit;
    font-family: awb-icons;
}

#videoScreen .down-indicator {
    animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    color: #FFF;
    position: absolute;
    z-index: 100;
    font-size: 35px;
    left: 50%;
    top: 94%;
}
/* .fusion-menu-element-wrapper.direction-column .fusion-menu-element-list li ul.sub-menu {
    box-shadow: 0 0 10px #9595958f;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}
.fusion-menu-element-wrapper.direction-column .fusion-menu-element-list li ul.sub-menu li {
    border-color: #e9e9e9 !important;
} */
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }
}
#videoScreen  .twoBoxSection .__blackBox{
    justify-content: center;
    align-items: center;
}
#videoScreen  .twoBoxSection .__blackBox h5{    font-size: 20px;}
/* ------ ===========================================================================================================================================
********************************************************      Responsive Work      *****************************************************************
================================================================================================================================================--- */
.mobileMenu, .mobileHeader{ display: none;}
@media only screen and (max-width: 900px) {
    .mobileHeader{ display: block;}
    #main .container h2.logo{ display: none;}
    .mobileHeader{ display: flex; justify-content: space-between; align-items: center;}
    .mobileHeader div.logo{ width: 60%;}
    .mobileHeader div.logo img{ max-width: 145px;}
    .mobileMenu {
        display: inline-block;
        cursor: pointer;
        position: relative;
        width: 60px;
        height: 60px;
        top: 0;
        right: 8px;
        transition-duration: 0.5s;
        transform: scale(0.5);
      }
      .mobileMenu .icon {
        transition-duration: 0.5s;
        position: absolute;
        height: 8px;
        width: 60px;
        top: 30px;
        background-color: #212121;
      }
      .mobileMenu .icon:before {
        transition-duration: 0.5s;
        position: absolute;
        width: 60px;
        height: 8px;
        background-color: #212121;
        content: "";
        top: -20px;
      }
      .mobileMenu .icon:after {
        transition-duration: 0.5s;
        position: absolute;
        width: 60px;
        height: 8px;
        background-color: #212121;
        content: "";
        top: 20px;
      }
      .mobileMenu.open .icon {
        transition-duration: 0.5s;
        background: transparent;
      }
      .mobileMenu.open .icon:before {
        transform: rotateZ(45deg) scaleX(1.25) translate(13px, 13px);
      }
      .mobileMenu.open .icon:after {
        transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
      }
      .mobileMenu:hover {
        cursor: pointer;
      }

}
@media only screen and (max-width: 767px) {   
.assetsDashboardWrap .container{ display: block;}
.dashboardSidebar{
    width: 100%;
    height: calc(100vh - 88vh);
    overflow: hidden;
}
.dashboardSidebar.open{
    height: 100vh !important;
}
.dashboardScreens{ width: 100%; height: calc(100vh - 10vh); overflow-y: scroll;     padding: 0 15px;}

.dashboardScreens .twoBoxSection .__blackBox{ width: 100%;}   
/* ----- */
#main .container h2{font-size: 32px;}

.dashboardScreens .__headingDiv h2{font-size: 32px; line-height: 35px;}
.dashboardScreens .__headingDiv p{ margin-top: 0;}

.dashboardScreens .tableAreaWrap .tableDiv .tableDiv__heading{ display: none !important;}
.dashboardScreens .tableAreaWrap .tableDiv .tableDiv__row{ border: 1px solid #CCC; margin: 4px 0;    display: block;}
.dashboardScreens .tableAreaWrap .tableDiv .__col{ 
    width: 100% !important; 
    padding: 6px 15px;
    text-align: left;
    display: block;
    color: #585050;
}
.dashboardScreens .tableAreaWrap .tableDiv .__col::before{
    content: "";
    font-family: "Samsung one 700";
    font-size: 16px;
    font-weight: bold;
    padding-right: 15px;

}
.dashboardScreens .tableAreaWrap .tableDiv .__col:first-child::before{content: "Order:";}
.dashboardScreens .tableAreaWrap .tableDiv .__col:nth-child(2)::before{content: "Department:";}
.dashboardScreens .tableAreaWrap .tableDiv .__col:nth-child(3)::before{content: "Manager:";}
.dashboardScreens .tableAreaWrap .tableDiv .__col:nth-child(4)::before{content: "Date:";}
.dashboardScreens .tableAreaWrap .tableDiv .__col:last-child::before{content: "Track:";}
.dashboardScreens .tableAreaWrap .tableDiv .__col a.rmbttn{
    padding: 4px 20px;
}
.dashboardScreens .tableAreaWrap .tableDiv{ padding-top: 0;}


.dashboardTrackingScreen .twoColumnTrack{ flex-wrap: wrap;}
.dashboardTrackingScreen .twoColumnTrack > div{ width: 100%;}
.dashboardTrackingScreen .twoColumnTrack > div{ width: 100%; padding-top: 25px;}

.dashboardTrackingScreen .greenBartracking{ padding: 30px 0;}
.dashboardTrackingScreen .greenBartracking ul{ flex-wrap: wrap;}
.dashboardTrackingScreen .greenBartracking ul li{ width: 100%; border-bottom: 1px solid #CCC;}
.dashboardTrackingScreen .greenBartracking ul li br{ display: none;}
.dashboardTrackingScreen .greenBartracking ul li:first-child,
.dashboardTrackingScreen .greenBartracking ul li:last-child{ border-radius: 0;}
.dashboardTrackingScreen .greenBartracking ul li:last-child{ width: 100%; border-bottom: 0;}

div.assets_proof_box{ flex-wrap: wrap; gap: inherit;}
div.assets_proof_box > div{ width: 50%; padding: 4px;}
.buttonDDwraper{flex-wrap: wrap;}
.dashboardTrackingScreen .rightDetails .assetsProof .__buttonGroup,
.buttonDDwraper .statusDD{ width: 100%;}

.assetsDashboardWrap{ width: 100%;}
.dashboardReqFormScreen .formWraper{ padding: 15px 5px;}
.dashboardReqFormScreen .formWraper form .form-group{    padding: 0;}
.dashboardReqFormScreen .formWraper form .form-group label{ padding-top: 14px;}
.dashboardReqFormScreen .formWraper form  .sam_submit{ margin-top: 15px;}

#videoScreen .videoWraper{    height: 85vh;}
#videoScreen .videoWraper video{ height: 88vh;}
#videoScreen .dashboardHomeScreen{padding: 0 15px;}
.dashboardScreens .twoBoxSection .__blackBox{ justify-content: center;}

.welComediv__heading h4{
    padding: 29px 0;
    font-size: 16px;
}
.upcomingEvent__heder h3{
    padding: 20px 80px 20px 0;
    font-size: 29px;
}

}


@media only screen and (min-width: 767px) and (max-width: 900px) {
    .assetsDashboardWrap{ width: 100%;}
    .assetsDashboardWrap .container{ display: block;}
    .dashboardSidebar{
        width: 100%;
        height: calc(100vh - 92vh);
        overflow: hidden;
    }
    .dashboardSidebar.open{
        height: 100vh !important;
    }
    .dashboardScreens{ width: 100%; height: calc(100vh - 8vh); overflow-y: scroll;     padding: 0 15px;}

    .dashboardScreens .twoBoxSection .__blackBox{ width:47%;     justify-content: center;} 
    .dashboardTrackingScreen .greenBartracking{padding: 35px 0;}
    div.assets_proof_box{ flex-wrap: wrap; gap: inherit;}
    div.assets_proof_box > div{ width: 50%; padding: 4px;}

    #videoScreen .videoWraper{    height: 92vh;}
    #videoScreen .videoWraper video{ height: 92vh;}
    #videoScreen .dashboardHomeScreen{padding: 0 15px;}
    div.assets_proof_box > div{ width: 33%;}
    .dashboardTrackingScreen .greenBartracking ul li{ font-size: 13px;}
}
@media only screen and (min-width: 900px) and (max-width: 1200px) {
    .dashboardSidebar{width: 290px;}
    .dashboardScreens{ padding-right: 15px; width: calc(100% - 290px);}
    .dashboardTrackingScreen .greenBartracking{    padding: 35px 0;}
    .dashboardScreens{ padding: 0 15px 0 35px;}
    .dashboardTrackingScreen .greenBartracking ul li{
        font-size: 12px;
        padding: 9px 16px;
    }
}


/* -------- afterLive -------- */
#wrapper{
    margin: 0 !important;
    max-width: 100% !important;
}

#reqFormvalidation input[type="radio"],
.fusion-form-219 input[type="radio"]{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
}


/* ----- take form popup ------ */
.takeformPop .icon{ display: block; width: 100%;}
.takeformPop .icon i.circle-yes{
    position: static;
    display: inline-block;
    float: none;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #031dba;
    border-color: #031dba;
}
.popupWraptotal.takeformPop .closePopup{ top: 9px;}

/* ------- signup form ------- */
#signupFormvalidation{
    text-align: left;
}
#signupFormvalidation .form-group{ margin-bottom: 15px;}
#signupFormvalidation .existUser, 
#signupFormvalidation .existEmail{
    color: red;
    font-style: italic;
}


.blackBarordert{
    background: #000;
    display: none;
    padding-left: 10px;
    justify-content: space-between;
    padding: 1px 10px;
}

.blackBarordert p {
    color: white !important;
}

.sam_request_more {
    background-color: unset !important;
    color: white !important;
    border-style: unset !important;
    border: none !important;
}

.dashboardHomeScreen{ min-height:calc(100vh - 130px)}
.screenFooter .fusion-text-2{    padding-bottom: 30px;}
@media only screen and (max-width: 600px) {
	.screenFooter .fusion-text-2{    padding-bottom: 44px;}
}