@media (max-width:900px){.navbar-fixed-side{margin-left:-15px;margin-right:-15px}}@media (min-width:900px){.navbar-fixed-side{position:fixed;margin:0 -15px;height:100vh;width:inherit;overflow:auto;border-top-width:0;border-bottom-width:0;border-radius:0}.navbar-fixed-side .container,.navbar-fixed-side .container-fluid{width:auto;padding-left:0;padding-right:0}.navbar-fixed-side .navbar-header{float:none}.navbar-fixed-side .navbar-brand{height:auto}.navbar-fixed-side>.container .navbar-brand,.navbar-fixed-side>.container-fluid .navbar-brand{margin-left:0}.navbar-fixed-side .navbar-collapse{width:100%;border-top:1px solid #e7e7e7}.navbar-fixed-side .navbar-nav{float:none;margin:0 -15px}.navbar-fixed-side .navbar-nav>li{float:none}.navbar-fixed-side .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e7e7e7}.navbar-fixed-side .navbar-form{margin:0 -15px;padding:10px 15px;border-bottom:1px solid #e7e7e7}.navbar-fixed-side .navbar-text{float:none;margin-left:0;margin-right:0}.navbar-fixed-side .navbar-left,.navbar-fixed-side .navbar-right{float:none!important}.navbar-fixed-side .navbar-nav .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;border-bottom:1px solid #e7e7e7}.navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-fixed-side .navbar-nav .dropdown-menu>li>a{line-height:20px;color:#777}.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover{background-image:none}.navbar-fixed-side .navbar-nav .dropdown-menu>.active>a{background-color:#e7e7e7;color:#555}.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover,.navbar-fixed-side .navbar-nav>li>a:focus,.navbar-fixed-side .navbar-nav>li>a:hover{background-color:#f0f0f0;color:#333}.navbar-fixed-side .dropdown-menu>.dropdown-header,.navbar-fixed-side .dropdown>.dropdown-toggle{background-color:transparent!important;color:#9d9d9d!important;cursor:default;font-size:.8em;text-transform:uppercase;border-bottom:none;padding-bottom:0}.navbar-fixed-side .dropdown-toggle .caret{display:none}.navbar-fixed-side .dropdown-menu{display:block}.navbar-fixed-side.navbar-inverse .navbar-collapse,.navbar-fixed-side.navbar-inverse .navbar-form,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu,.navbar-fixed-side.navbar-inverse .navbar-nav>li>a{border-color:#363636}.navbar-fixed-side.navbar-inverse .divider{background-color:#363636}.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li>a{color:#9d9d9d}.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>.active>a{background-color:#090909;color:#fff}.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:focus,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:hover,.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:focus,.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:hover{background-color:#2f2f2f;color:#fff}.navbar-fixed-side.navbar-inverse .dropdown>.dropdown-toggle{color:#777!important}}body,html{height:100%}.container-main .row{padding:0;margin:0}nav.sidebar.navbar{border-radius:0}.container-main,nav.sidebar{-webkit-transition:margin .2s ease-out;-moz-transition:margin .2s ease-out;-o-transition:margin .2s ease-out;transition:margin .2s ease-out}.menu-icon{font-size:20px}.navbar-m2p{background-color:#00464f;border-color:#00464f}.navbar-m2p a,.navbar-m2p span{color:#FFF}.active .dropdown-toggle,.nav .open>a{background-color:rgba(126,169,39,.3);border-color:rgba(126,169,39,.3)}.nav .open>a:active,.nav .open>a:focus,.nav .open>a:hover,.nav li>a:active,.nav li>a:focus,.nav li>a:hover{background-color:rgba(126,169,39,.3)}.nav .open ul>li{background-color:rgba(126,169,39,.4)}.navbar-m2p .navbar-nav .open .dropdown-menu>li>a{color:#FFF;padding:10px}.navbar-m2p .navbar-nav .active a{margin-left:-1px;border-left:5px solid #7ea927}.navbar-toggle{background-color:transparent;border:1px solid rgba(126,169,39,.4)}.navbar-toggle .icon-bar,.navbar-toggle .icon-bar+.icon-bar{background-color:#7ea927}nav:hover .forAnimate{opacity:1}.navbar-m2p .dropdown-menu{padding:0}.nav li.separator{padding:10px 15px;text-transform:uppercase;background-color:rgba(0,0,39,.2);color:rgba(208,208,207,.4)}@media (min-width:900px){.container-main{position:absolute;width:calc(100% - 40px);margin-left:40px;float:right}nav.sidebar:hover+.container-main{margin-left:300px}.navbar>.container-fluid .navbar-brand,nav.sidebar.navbar.sidebar>.container .navbar-brand{margin-left:0}nav.sidebar .navbar-brand,nav.sidebar .navbar-header{text-align:center;width:100%;margin-left:0;font-size:25px;line-height:27px}nav.sidebar a{padding-right:13px}nav.sidebar .navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}nav.sidebar .container-fluid,nav.sidebar .navbar-collapse{padding:0}nav.sidebar{width:300px;height:100%;margin-left:-260px;float:left;z-index:8000;margin-bottom:0}nav.sidebar li{width:100%}nav.sidebar:hover{margin-left:0}.forAnimate{opacity:0}}@media (min-width:1330px){.container-main{width:calc(100% - 300px);margin-left:300px}nav.sidebar{margin-left:0;float:left}nav.sidebar .forAnimate{opacity:1}}#sideBarImg{height:50px}
    .promo-card{}
    .promo-card .promochangestatus{height:43px;}
    .promo-card .roundicons{border:1px solid black;border-radius:45px;padding:10px;}
    .promo-card-active{border-bottom:4px solid #53f90f;}
    .promo-card-active .promoexpiry{background: orange;color:white;font-size: 10px;padding-left:0;margin-right:10px;position:absolute;left:0;top:-30px;border:1px solid white;border-left:none;}


    .promo-card-active .promochangestatus{background: orange;color:white;}
    .promo-card-active .promoactivate{display: none;}

    .promo-card-pending{border-bottom:3px solid orange;background: #ffffcc;}
    .promo-card-pending .promochangestatus{background: green;color:white;}
    .promo-card-pending .promoexpiry{display:none;}
    .promo-card-pending .promoactivate{background: green;color:white;font-size: 10px;padding-left:0px;margin-right:10px;position:absolute;left:0;top:-30px;border:1px solid white;border-left:none;}

    .promo-card-expired{border-bottom:3px solid red;background: #f0f0f0;}
    .promo-card-expired .promochangestatus{background: white;color:black;border: 1px solid black;}
    .promo-card-expired .promoexpiry{display: none;}
    .promo-card-expired .promoactivate{display: none;}

    .promo-card-backup{border-bottom:3px solid black;}
    .promo-card-backup .promochangestatus{background:#000;color:white;}
    .promo-card-backup .promoexpiry{display: none;}
    .promo-card-backup .promoactivate{display: none;}


    .promo-card h1{font-size: 18px;} .promo-card h6{font-size: 12px;}
    .promo-card h5{font-size: 14px;} .promo-card h6{font-size: 12px;}

    .nav{min-height: 100vh;}

    .ui-menu-item div{border:1px solid rgb(200,200,200);border-radius: 20px;background: rgb(240,240,240);margin:3px;float:left;}
    .ui-menu-item:hover{margin:3px;}
    .ui-menu{display:inline;}
    .ui-menu li{list-style-type: none;}
    .ui-menu .ui-menu-item{list-style-image:none;}


    .abstractcontent{background:#ffffff;color:#000;min-height:150px;margin:0;}
    /*.abstractcontent:hover{background: #a9bfc8;}*/
    .test:hover{background:red;}
    .selectspacing{background: white;width:50px;}

    .subject{font-size:15px;font-family: 'Ubuntu', sans-serif;}
    .menuofmessage{font-size: 17px;text-decoration: none;}
    .menuofmessage:hover{color:yellow;}
    .sender{font-size:14px;font-weight: 600;}
    .content{font-size:10px;}
    .dateofmessage{font-size:10px;margin-top:5px;padding-bottom:0px;}
    .secondpart{font-size:10px;}
    .checkboxinvisible{display: none;}
    .messageborder{border-left:4px solid #ffffff; }
    .unreadborder{border-left:4px solid #009688;}

    .sender-details{font-size:19px;font-family: 'Ubuntu', sans-serif;font-weight: 700;padding-top:10px;}
    .sender-icon-right{border:1px solid black;height:40px;width:40px;background:orange;}
    .subject-right{font-size:15px;font-family: 'Ubuntu', sans-serif;padding-top:10px;padding-left:0px;}
    .content-right{font-family: 'Ubuntu', sans-serif;font-size:21px;padding-left: 25px;padding-bottom: 20px;}

    #fullscreen{position:absolute;height:auto;z-index:99;background:white;border:1px solid indigo;margin:0px;padding:0px;}
    .upgradedflash{border:2px dotted;}

    .hideiframe{display:none;}
    .hideimage{display:none;}
    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .dashboardinfo{padding:10px;font-size: 1.1em;border:1px solid #3595bc;border-radius:5px;margin:10px;word-wrap: break-word;}
    #dashbackground{background-color:rgb(244,251,244);}



    #draw-table {
        border: 1px solid red;
        height:300px;
    }

    /* Margins */



    .conversation-start {
        position: absolute;
        left:30%;top:20%;width:30%;height:20%;
        /*overflow-wrap:break-word;*/


    }
    #newconversation .ui-selected{background:orange;}

    /* Code for Warning Popup Models */
    /* Outer */
    .popup {
        width:100%;
        height:100%;
        display:none;
        position:fixed;
        top:0px;
        left:0px;
        background:rgba(0,0,0,0.75);
    }

    /* Inner */
    .popup-inner {
        max-width:700px;
        width:90%;
        padding:40px;
        position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
        box-shadow:0px 2px 6px rgba(0,0,0,1);
        border-radius:3px;
        background:#fff;
    }

    /* Close Button */
    .popup-close {
        width:30px;
        height:30px;
        padding-top:4px;
        display:inline-block;
        position:absolute;
        top:0;
        right:0;
        -webkit-transform:translate(50%, -50%);
        transform:translate(50%, -50%);
        border-radius:1000px;
        background:rgba(0,0,0,0.8);
        font-family:Arial, Sans-Serif;
        font-size:20px;
        text-align:center;
        line-height:100%;
        color:#fff;
    }

    .popup-close {
        transition:ease 0.25s all;
    }

    .popup-close:hover {
        -webkit-transform:translate(50%, -50%) rotate(180deg);
        transform:translate(50%, -50%) rotate(180deg);
        background:rgba(0,0,0,1);
        text-decoration:none;
    }

    /*Scheme Popups in add Color Scheme Action*/
    #popup-scheme {
        position: absolute;
        width: 650px;
        min-height: 250px;

        background: #ffffff;
        left: calc(50% - 175px);
        top: 50px;
        padding: 5px;
        z-index: 10;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
        cursor: default;
        display: none;
    }
    #scheme-popup-inner {

        overflow-y:scroll;
        height:200px;
        padding:20px;
    }

    /*formatting scrollbar*/

    .scroll {
        width: 200px;
        height: 400px;
        background: white;
        overflow: scroll;
    }
    .scroll::-webkit-scrollbar {
        width: 12px;
    }

    .scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    .scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

    /* application -tags */
    .numberCircle {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        padding: 8px 8px;

        background: #fff;
        border: 1px solid #666;
        color: #666;
        text-align: center;
        position:absolute;
        left:0;
        top:0;

        font: 13px Arial, sans-serif;
    }

    .closeCircle:hover{
        font-weight: 700;border-color: #66afe9;
        box-shadow: 0 0 8px rgba(0,255,0, 0.6);
        background:rgba(0,255,0,0.1);cursor:default;
    }
    .related-tag{
        background:rgb(240,240,240);border:1px solid;border-radius:20px;float:left;
        padding:4px;margin: 3px;position:relative;padding-left: 40px;cursor:default;
    }
    .related-tag:hover{
        border-color: #66afe9;
        box-shadow: 0 0 8px rgba(0,255,0, 0.6);
        background:rgba(0,255,0,0.1);cursor:default;
    }
    .related-tags{
        list-style-type:none;
    }
    .selected-tag{
        background:#607d8b;border:1px solid;border-radius:20px;float:left;
        padding:4px;margin: 3px;position:relative;padding-left: 40px;cursor:default;
    }
    .selected-tag:hover{
        border-color: #66afe9;
        box-shadow: 0 0 8px rgba(0,255,0, 0.6);
        background:rgba(0,255,0,0.1);cursor:default;
    }
    .selected-tags{
        list-style-type:none;
    }

    .similar-tag{
        background:rgb(240,240,240);border:1px solid;border-radius:20px;float:left;
        padding:4px;margin: 3px;position:relative;padding-left: 40px;cursor:default;
    }
    .similar-tag:hover{
        border-color: #66afe9;
        box-shadow: 0 0 8px rgba(0,255,0, 0.6);
        background:rgba(0,255,0,0.1);cursor:default;
    }
    .similar-tags{
        list-style-type:none;
    }
    .similar-tags>li,.related-tags>li{border:1px solid #eeddee;}

    .selected-tag{
        font-size:12px;
    }

    /* trying to hide the scroll bar */



    /* datatables */

    .dataTables_filter input {
        border-radius:5px;border:1px solid #00aeff;
        font-size: 15px;
    }

    /* privacy policy */
    #policy{padding:10px;}
    #policy .sub{color:#bbb;font-size:18px;font-weight: 700}
    #policy h1{font-size:25px;font-weight: 800; color:#a5a5a5;}
    #policy h2{font-size:20px;font-weight: 600 }
    #policy h3{}

    #policy p{font-size: 14px;padding:5px;}
    #pp_heading{color:#fab904;font-size:20px;}
    #main_head{display:flex;justify-content:center;align-items:center;height:20vh}
    #main_head>div{font-size:4vh}

    .rite_country_form {
        font-size:20px;
        color:green;
        font-weight:600;
        width:30px;
        height:20px;
    }
    .container{margin:10px;}
    .blizz-tag-lg{

        padding: 7px 20px;
        color: rgb(69,108,98);
        cursor: pointer;
        border-radius: 24px;
        background: #e3eeee;
        font-weight: 600;
        font-size: 11px;
        display:flex;
    }
    .blizz-tag-lg span{text-decoration:none;}
    .blizz-tag-lg:hover{background:#00ac90;color:white;text-decoration:none;}
    #tags_table_header{background:#00ac90;padding:5px;font-size:12px;color:white;}