@import url('https://corporatecentral.com/css/Montserrat.css');
@import url('https://corporatecentral.com/css/Nunito.css');
/*@import url("https://corporatecentral.com/css/Nunito Sans.css");*/

.list{font-family: 'Nunito Sans',arial !important;}

@font-face {
      font-family: 'fontello';
      src: url('./fonts/fontello.eot?16235764');
      src: url('./fonts/fontello.eot?16235764#iefix') format('embedded-opentype'),
           url('./fonts/fontello.woff?16235764') format('woff'),
           url('./fonts/fontello.ttf?16235764') format('truetype'),
           url('./fonts/fontello.svg?16235764#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
@font-face {
    font-family: 'fontello-pin';
    src: url('./fonts-pin/fontello.eot?7870253');
    src: url('./fonts-pin/fontello.eot?7870253#iefix') format('embedded-opentype'), url('./fonts-pin/fontello.woff?7870253') format('woff'), url('./fonts-pin/fontello.ttf?7870253') format('truetype'), url('./fonts-pin/fontello.svg?7870253#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.learntowag{float: right; text-shadow: none !important;font-family: 'Nunito Sans',arial;font-weight:500;}

div.sttip .panel-container .flap > .flap-text{font-family: 'Nunito Sans',arial !important;font-weight:100}
/* div.sttip .panel-container .flap{padding:4px !important} */
/* #AdminHeader1_adminheaderdiv *{text-shadow:none !important} */
.iotdef.designer form#form1,
.designer form#form1,
form[name="form1"],
/*form#form1,
#form1,*/
.designer form#form1, .header,
.appbody .warning,
form[name="form1"] {    background-color: #f0f4f7;    font-family: 'Nunito Sans',arial !important;    text-shadow: none !important;    font-weight: normal !important; /* padding-top: 20px; */ /* font-size: 16px !important; */}

.header{border: none !important;border-radius: 0 !important;text-shadow: none !important;padding:5px 6px 9px 6px !important;}
.header:hover{border: none !important;border-radius: 0 !important;padding:5px 6px 9px 6px !important;}

.iotdef.designer form#form1,
.designer form#form1,
form[name="form1"] {
    min-height: calc(100vh - 56px);
    margin-left: 193px;
    margin-top: 55px;
    display: inline-block;
    width: calc(100% - 193px);
}

.iotdef.designer form#form1 {
    margin-top: 49px !important;
    padding: 10px;
    margin-bottom: 0;
    min-height: calc(100vh - 70px);
    width: calc(100% - 213px);
}

.designer form#form1.dbwarningon {
    margin-top: 0px !important;
}

/*.designer form#form1,*/
.appbody form#form1 {margin-top: 0 !important;}/*this is for the app screen we need this!*/
.designer .warning,  
.appbody .warning {margin-left: 193px;margin-top: 55px;}

    .designer .warning.dbwarningon,
    .appbody .warning.dbwarningon {margin-top: 0px;}


.designer form#form1.closemenu,
form[name="form1"].closemenu,
.designer form#form1.closemenu,
.appbody form#form1.closemenu,
.designer .warning.closemenu,  
.appbody .warning.closemenu{margin-left: 93px}

/* .header + .sidemenu + .Last_Step_trans + .Last_Step_of_Guide  form[name="form1"]{ margin-left: 184px;margin-top: 49px;} */
 
 

/* #AdminHeader1_adminheaderdiv *{text-shadow:none !important} */

 .menu#AdminHeader1_tblbutton{/* background: #b1b1b1; *//* padding: 0; */display: inline-block;margin: 0 !important;/* border: none !important; */padding: 0;}

.menu#AdminHeader1_tblbutton td,
.menu#AdminHeader1_tblbutton li.clearfix{padding:0px;display:inline-block;background: none;text-shadow: none;}
.menu#AdminHeader1_tblbutton li.clearfix a{padding: 2px;display:inline-block;/* color: #444; */text-decoration: none;}


.menu#AdminHeader1_tblbutton ul{/* background:red; */}
.menu#AdminHeader1_tblbutton ul li.clearfix{padding:0px;display: block;/* padding: 12px; */}
.menu#AdminHeader1_tblbutton ul li.clearfix a{padding:0px;display: block;padding: 10px;}



.tdcontainerheader{display: flex;/*font-size: 15px;*/align-items: center;/* text-shadow: none !important; */}
    /*.tdcontainerheader > .{flex:1;}*/
.tdcontainerheader > div:nth-child(2){/* flex:2; */align-items: center;display: flex;/* background: red; */justify-content: center;}
.tdcontainerheader > div:nth-child(3){flex:.3;}
.tdcontainerheader .learntowag{flex: .1;min-width: 163px;}
.tdcontainerheader .goadfree{flex:.15;min-width: 100px;}
.tdcontainerheader > .user-dropdown-menu{flex: .1;/* text-align: right; *//* float: right; */text-align: right;margin-left: 2px;margin-right: 15px;}





.tdcontainerheader .goadfree{border: 1px solid #d06926;padding: 0 6px 0 8px;border-radius: 15px;color: #fff;text-decoration: none;font-size: 13px;margin-right: 12px;background: #fe6400;height: 26px;box-sizing: border-box;text-align: center;line-height: 25px;overflow: hidden;text-overflow: ellipsis;flex: .1;max-width: 105px;text-shadow: none !important;font-family: 'Nunito Sans',arial;font-weight:500}
 .tdcontainerheader .goadfree:hover{border: 1px solid #b3581d;background: #b3581d}
#test_your_appdiv{margin: 0; } 
.tdcontainerheader div.test_your_appdiv_menu{flex:.1;margin: 0 10px 0 0;max-width: 114px;}

.logoandlinks{float: left;line-height: 34px;}
.logoandlinks img{float: left;margin: 0 10px 0 0;}
.learntowag{float: right;}
.user-dropdown-menu{/* float: left; */padding: 0px 10px 5px 7px;border-radius: 5px;position: relative;width: auto;height: 28px; z-index: 16000003; max-width: 250px;width: auto !important; float: none; } 
.user-dropdown-menu span{display: block;text-decoration: none;line-height: 30px;margin-right: 0;position: relative;/* width: 20px; */}
.user-dropdown-menu a{ display: block;text-decoration: none;line-height: 26px;font-size: 12px;text-shadow: NONE; color: #333;}
.user-dropdown-menu .user-name{cursor:pointer;white-space:nowrap;float: right; }
.user-dropdown-menu #AdminHeader1_spnuser .tringle-down, .user-dropdown-menu #spnuser .tringle-down {border-radius: 15px;width: 30px;}
    .user-dropdown-menu #AdminHeader1_spnuser .username, .user-dropdown-menu #spnuser .username {min-width: 80px;text-align: left;}

.user-dropdown-menu:hover #AdminHeader1_spnuser,.user-dropdown-menu:hover #spnuser {background: rgba(0, 0, 0, 0.11);border-radius: 15px}

.user-dropdown-menu:hover  #AdminHeader1_spnuser .tringle-down, .user-dropdown-menu:hover  #spnuser .tringle-down    {background: rgba(0, 0, 0, 0.52);color: #dedede; }


    .user-dropdown-menu .user-name #spnuser {
        padding: 0 14px 0 0;
        margin-right: 0px;
        min-width: 110px;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
    }

    .user-dropdown-menu .user-name #AdminHeader1_spnuser, .user-dropdown-menu .user-name #spnuser {
        padding: 0px 0px 1px 9px;
        margin-right: 0px;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        display: flex;
        font-family: 'Nunito Sans';
        font-weight: 300;
        font-size: 16px;
        text-align: center;
        height: 30px;
        margin: 0px 0 0 0;
    }

.user-dropdown-menu .user-name .avatar{float:left;margin: 2px 8px 0 -6px;border-radius: 30px;border: 1px solid rgba(0,0,0,0.8);width:25px;height:25px;}
.user-dropdown-menu .user-dropdown-ul{
    text-align:left;
    margin: 0px;
    top: 34px;
    right: 3px;
    background: rgb(255, 255, 255);
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 3px 0 5px 0;
    position: absolute;
    z-index: 20000;
    display: none;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 17px 0 rgba(23,50,68,.17);
    box-shadow: 0 0 17px 0 rgba(23,50,68,.17);
    margin-top: 15px;
    width: 190PX;
}

.user-dropdown-menu .user-dropdown-ul:after {background-color: #fff;-webkit-box-shadow: 3px 3px 3px 0 rgba(23,50,68,.08);box-shadow: 3px 3px 3px 0 rgba(23,50,68,.08);content: " ";height: 15px;width: 15px;position: absolute;-webkit-transform: translateX(0) rotate(-135deg);transform: translateX(0) rotate(-135deg);z-index: 900001;top: -6px;left: 50%;margin-left: 64px;}

.user-dropdown-menu .user-dropdown-ul li{list-style: none;padding: 0;margin: 0;z-index: 11111111;position: relative;padding: 4px 10px 1px 10px;display: block;font-size: 15px;font-family: 'Nunito Sans' , arial;font-weight: 500;}
.user-dropdown-menu .user-dropdown-ul li a{padding: 3px 5px;display: block;line-height: 22PX;font-size: 14px;font-family: 'Nunito Sans' , arial;font-weight: 500;}
.user-dropdown-menu .user-dropdown-ul li a:hover{background-color: #eaf7ff;  border-radius: 20px;}

.user-content-account{padding: 10px 8px;
margin:0 auto;/*width:600px;*/
}

.user-content-account font{float: left;color:red;/* margin:10px 10px 10px 0px; */padding:0px;}
.user-content-account fieldset{border: 0px solid rgb(231, 231, 231);padding: 0px 20px 20px;/* border-radius: 10px; *//* margin: 0 11px; */background: #fff;border-radius: 10px;/* width: 560px; */margin: 0 auto;}
.user-content-account a{}
 
.user-content-account h3{/* margin: 0px 0px 10px 0px; *//* padding: 0px 0px 2px 14px; */width: 100%;margin-top: 23px;margin-bottom: 24px;margin-left: 6px;/* font-family: HelveticaNeueW01-65Medi,HelveticaNeueW02-65Medi,HelveticaNeueW10-65Medi,sans-serif; */font-size: 36px;line-height: 48px;color: #162d3d;float: left;font-weight: normal;display: block;text-align: left;}

.user-content-account h4{/*     margin: 0px 0px 10px 0px; padding: 0px 0px 12px 0px; width: 100%; border-bottom: 1px solid #ccc; color:#555; */overflow: hidden;border-bottom: 1px #f0f4f7 solid;padding: 20px 0 13px 7px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;font-size: 20px;font-weight: 100;margin:  0 0 8px 0;}
.user-content-account .row{padding: 10px 0 0;overflow: hidden;}
.user-content-account .row .icon{display: inline-block;overflow: hidden;float: none;height: 29px;width: 30px;/* margin-left: -2px; */margin-top: 0;border-radius: 216px;vertical-align: top;}
.user-content-account .row img{margin: 10px auto; overflow: hidden;display:none}
.user-content-account .row .messageforuser{float:left;margin:0 0 0 10px;font:normal 15px/38px sans-serif;font-style:italic;color:#888;display: none;}

/*ok*/
.user-content-account .row.ok{}
.user-content-account .row.ok .icon{background: rgb(31, 134, 31);}
.user-content-account .row.ok .messageforuser{display:block}
.user-content-account .row.ok input{
    background: rgb(220, 255, 213);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.user-content-account .row.ok img.okimage{display:block}

/*error*/
.user-content-account .row.error{}
.user-content-account .row.error .icon{background: rgb(197, 50, 50);}
.user-content-account .row.error .messageforuser{display:block}
.user-content-account .row.error input{
    background: rgb(255, 202, 202);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.user-content-account .row.error img.errorimage{display:block}

    .user-content-account .row .colum.left {
        width: 194px;
        float: left;
        text-align: right;
    }
        .user-content-account .row .colum.left label {
            width: 160px;
        }

    .user-content-account .row label {
        /*float: left;*/

        display: inline-block;
        font-size: 16px;
        line-height: 26px;
        text-align: right;
        text-transform: none;
        padding-right: 5PX;
        margin: 0 0 !important;
        width: 200px;
        /* font-family: Nunito Sans; */
    }

    .user-content-account .row font {
        display: inline-block;
        text-align: right;
        float: none;
    }
.user-content-account .row.submit label.profile-label{width: 205px;}
.user-content-account .row.name label.profile-label{width:180px;padding-right:10px}
.user-content-account .row input:focus{outline:none}


    #desctbl textarea,
    #themetr textarea,
    #themeInfo textarea,
    .form_table_con textarea,
    .user-content-account .row textarea,
    .user-content-account .row input {width: 287px;padding-left: 12px;height: 22px;border-radius: 6px;background-color: #fff;border: 1px solid #d2e8f8;font-size: 15px;font-family: 'Nunito Sans' , arial;}

    .user-content-account .row textarea {
        height: 110px;
        width: 290px;
        text-align: left;
        /* font-size: 1em; */
        line-height: normal;
        text-indent: 0;
        padding-top: 10px;
    }

.popup.b .user-content-account .row input {
    width: 290px
}
.popup.b .user-content-account .row {
    padding: 5px 0;
    overflow: hidden;
}

    .popup.b .user-content-account .row.error input {
        background: rgb(255, 202, 202);
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

.popup.b {
    margin: 0 0 0 -250px;
    width: 500px;
    background: #F2F2F7;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #fff;
    font: normal 18px Nunito Sans;
    z-index: 9999999;
    position: absolute;
    left: 50%;
    text-align: center;
    top: 35%;
    top: 50%;
    outline: none;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.88);
    transform: translateY(-50%);
}

#dialogboxREP .popup.b {width: 540px;box-sizing: border-box;}

    .popup.b .confirm_buttons input[type="button"].confirm_btn {
        padding: 1px !important;
        height: auto;
        margin-left: 165px;
        width: 100px !important;
    }

#forgotsubmit, #submitbtn, input[type="button"].deletebtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    outline: 0;
    transition-duration: .1s;
    transition-timing-function: linear;
    transition-property: background-color,color,border-color;
    height: 30px;
    min-width: 84px;
    border-radius: 4px;
    padding: 0 23px;
    background-color: #3899ec;
    border-color: #3899ec;
    color: #fff;
    text-decoration: none;
    user-select: none;
    width: auto;
    cursor:pointer;
}

input[type="button"].deletebtn {
    background: rgb(132, 4, 33) !important;
    border-color: rgb(143, 2, 34) !important;
}

    input[type="button"].deletebtn:hover {
        background: rgb(119, 10, 35);
        border-color: rgb(143,2,34);
    }

    input[type="button"].deletebtn:active {
        background: rgb(119, 10, 35);
        border-color: rgb(143,2,34);
    }

    #forgotsubmit:active,
    #submitbtn:active {
        background: rgb(114, 175, 236);
    }


#sendREPBtn,
#submitbtn {
 background-color: #20b980;
 border-color: #20b980;
}

    #sendREPBtn:hover,
    #submitbtn:hover {
        background-color: #128e60;
        border-color: #20b980;
    }

    #sendREPBtn:active,
    #submitbtn:active {
        background-color: #0f7d54;
        border-color: #0f7d54;
    }

.popup.b #sendREPBtn {
 margin:0
}


#pwdpolicy{font: bold 11px/16px arial;
/* font-style: italic; */
padding-bottom: 10px;
display: block;
color: rgb(16, 86, 175);}

.learntowag {display: block;margin: 0 0px 0 0;/* overflow: hidden; width: 329px;*/text-indent: 0;background: #ff9715;border-radius: 2px;border-radius: 15px;line-height: 27px;padding: 0 10px 0 6px;text-align: center;color: #fff;text-decoration: none;box-sizing: border-box;font-size: 13px;height: 26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.learntowag:hover{background: #fe6400;}
.header_logo
{
    background-image: url(../images/corporatecentral.png);
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -370px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 35px;
    background-size: contain;
    display: flex;
    }
    
.data_message a{border:1px solid #333;background:white;font-size:12px;text-align:center;padding: 2px;color: #fe6400 !important;line-height: 16px;display:block;text-decoration:none}
.data_message a span.icon{display:inline-block;width:21px;height:17px;background:#F00;margin:0px 0px -4px 0;background:url(https://cloud.corporatecentral.com/css/images/database_icon.svg);background-size:contain;background-repeat: no-repeat;}
.data_message.warning a{border-color: #f0c36d;background-color: #f9edbe;}
.data_message.warning a:hover{ color: #fe6400 !important;text-decoration:none}
.data_message.b{border:1px solid #333;background:white;font-size:12px !important; font-family:verdana, Sans-Serif; text-align:center;padding: 2px;color: #fe6400 !important;line-height: 16px;display:block;text-decoration:none;border-color: #f0c36d;background-color: #f9edbe;}
.data_message.b a{background:none;border:none;display:inline-block;margin-bottom: 3px}
.data_message.b.warning a{}
.data_message.b table {font-size:12px;color: #755E07 !important; font-family:vervana, Sans-Serif !important;}
.data_message.b select {padding:1px; font-size:13px !important; font-family:vervana, Sans-Serif !important;}
.data_message.b.warning a:hover{color: #755E07;text-decoration:none}
.appnamecontainer{color:Black;}
.simpletextcontainer
{   overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    margin-top:4px;
    }
.appname {
    max-width: 530px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    margin-top:4px;
    font-style: italic;
    }
    
    .learnmore{text-align:center;}
.learnmore a{display: inline-block;font-size: 14px;border: 1px solid;padding: 1px 11px;border-radius: 5px;margin-top: 5px;
                 text-decoration: none;
    color: #08C;}
.learnmore a:hover{text-decoration:none;background: #08C;color:#fff;}
.data_message .form_input input{
	margin-bottom: -6px;
}
.data_message .form_input{ padding-top:4px;padding-bottom:7px}
#editappdiv{display:inline-block}

.data_message.b.warning form{text-align:center;width:auto;margin: 0 auto;}
.data_message.b.warning form table{text-align:center;width:auto;margin: 0 auto;}


#Last_Step_trans{/* display: none !important; */}
.Last_Step_of_Guide {
    min-height: 332px;
    position: absolute;
    width: 650px;
    left: 50%;
    margin-left: 0;
    background: #284f79; /*url(../login/img/corporatecentral_bg.png)*/
    top: 50%;
    /* border: 1px solid #ffae00;
 */
    box-shadow: 0px 0px 35px 5px rgba(0, 0, 0, 0.11);
    border-radius: 0px;
    z-index: 16000005;
    font-family: "Nunito Sans", Helvetica, Arial, Verdana, sans-serif;
    transform: translate3d(-50%,-50%,0);
    font-size: 1.1rem;
    padding: 10px 40px;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.4em;
    text-shadow: none;
    animation: showup .65s;
    border-radius: 9px;
    /* display: none !important; */
}

.Last_Step_of_Guide .col_container{}
.Last_Step_of_Guide .col_container .col{width:50%;text-align:center;box-sizing: border-box;}
.Last_Step_of_Guide .col_container .left{float:left}
.Last_Step_of_Guide .col_container a{
/*     display:block;
padding: 8px;
background: linear-gradient(to bottom, #F1A768 0%,#F57E1B 100%);
border: 1px  solid #F18009;
border-radius:6px;

color: #fff;
text-decoration: none;
margin-top: 5px;
text-shadow: 0px -1px 0px #333; */

    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    background: #529eff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    color: #fff;
    text-decoration: none;
    transition: all .15s ease;
    transition: all .3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
     margin: 20px 10px;
}

.Last_Step_of_Guide .col_container .left:nth-child(2) a{
    background: #fe6400f7 !important ;
    border-color: #fe6400;
    background: linear-gradient(rgb(249, 113, 26) 0%, rgb(255, 100, 0) 100%);
    margin-left: 4px;
}
.Last_Step_of_Guide .col_container .left:nth-child(2) a:hover{
    background: #fe6400f7 !important;
    border-color: #fe6400;
    background: linear-gradient(rgb(249, 113, 26) 0%, rgb(255, 100, 0) 100%);
}




.Last_Step_of_Guide .top{overflow: hidden;
border-bottom: 1px solid #9e9e9e3b;
padding: 0 110px 12px;
text-shadow: 0 1px 0px rgba(255, 255, 255, 0.88);
margin: 0px -7px;
}

.Last_Step_of_Guide  .top h2{
    text-align:center;
    font-size: 25px;
    margin: 10px 0px 00px;
    text-shadow: none;
    }


#AdminHeader1_tdapps {position: relative;padding-right: 2px !important;overflow: visible;text-shadow: none !important;}
#AdminHeader1_tdapps .arrow {
        background-color: rgba(188, 143, 143, 0);
        width: 23px;
        height: 20px;
        position: absolute;
        right: -0.01em;
        top: 0.1em;
        padding-top:0;
        border-radius: 5px 5px 0 0;
        z-index: 200;
        width: 1.5em;
        height: 1.7em;
        /* text-align: center; */
        /* background: red; */
        /*         border: 1px solid  rgba(230, 230, 230, 0); */
        }

/*new styles for app menu*/
/* 
AdminHeader1_tdapps 

    span#AdminHeader1_tdapps
       i demo-icon icon-window

i demo-icon icon-right-open-big

*/
#AdminHeader1_tblbutton #AdminHeader1_tdapps{
    padding: 0px 0px 0px 0px !important;
}

#AdminHeader1_tblbutton #AdminHeader1_tdapps:hover{
    background:none;
}
#AdminHeader1_tdapps span#AdminHeader1_tdapps{
    padding: 0px 0px 0px 10px !important;
    display:inline-block;
    width: calc(100% - 39px);
    line-height: 40px;
    /* background: #b9b9b9; */
}

#AdminHeader1_tdapps span#AdminHeader1_tdapps:hover{
     background: #b9b9b9;
}


#AdminHeader1_tdapps span#AdminHeader1_tdapps i demo-icon{
    display:inline-block;
    line-height: 40px;
    width: 16px;
    margin-top: 2px !important;
    }

#AdminHeader1_tdapps i.demo-icon.icon-right-open-big{
    display:inline-block;
    float: none !important;
    margin-top: 0px !important;
    line-height: 37px;
    width: 27px;
    position: absolute;
    padding-top: 3px;
}

#AdminHeader1_tdapps:hover i.demo-icon.icon-right-open-big{background: #dddddd;}


#AdminHeader1_tdapps i.demo-icon.icon-right-open-big:hover{background: #bdbdbd;}
/*new styles for app menu end*/

.appsmenu  .arrow {
    background:#f1f1f1;
    border-radius:5px 5px 0 0;
    /* padding:10px; */
    color: #333;
}

#AdminHeader1_tdapps .arrow::after {
    top: 50%;
    left: 50%;
    content: "▼";
    position: absolute;
    /* pointer-events: none; */
    margin-left: -7px;
    font-size: .9em;
    line-height: 0;
    font-family: arial;
    font-size: 12px;
}

#AdminHeader1_tdapps .arrow:hover{
    background-color:#f1f1f1;
    color:#333;
    text-shadow: none;
}


#AdminHeader1_tdapps .arrow.hover,
#AdminHeader1_tdapps .arrow:hover{
    background-color:#f1f1f1;
    color:#333;
    text-shadow: none;
/*     border: 1px solid  #e6e6e6; */
}


.appsmenu {top: -1.5em;right: -1.6em;width: 100%;z-index: 5000;position: relative;overflow: visible;}

.demo-icon {font-family: "fontello";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;
    line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.demo-icon-pin {font-family: "fontello-pin";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;
    line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.demo-icon.icon-popup{transform: rotate(180deg);}
/* .appsmenu .arrow:after{content:""; display:block;width:20px;height:20px;  font-family: 'fontello';} */

/*  */

#AdminHeader1_tdapps .appsmenu .showhidemenu {position: relative;/* background: #f1f1f1; *//* border: 1px solid #e6e6e6; *//* border-radius: 5px 0px 5px 5px; *//* overflow: hidden; */max-width: 500%;/* display: block; */z-index: 300;/* left: 2em; */top: 0.5em;BOX-SIZING: border-box;right: -225px;top: -190px;}
#AdminHeader1_tdapps .appsmenu .showhidemenu.hide{display: none;}
.appsmenu .showhidemenu {margin-left: -3px;}
.appsmenu .showhidemenu ul {margin: 0;padding: 0;max-width: 442%;box-sizing: border-box;list-style: none;position: absolute;background: #f1f1f1;/* border: 1px solid #e6e6e6; */border-radius: 5px 0px 5px 5px;right: 0;/* overflow-y: auto; */max-height: 561px;overflow-x: hidden;overflow-y: auto;min-width: 250px;margin-top: -3px;/* display: none; */border-radius: 0;box-shadow: 5px 5px 0px #33333324;}
.appsmenu .showhidemenu ul li {/* border-bottom: 1px solid #d2d2d2; *//* overflow: hidden; */display: block;border: 1px solid #e6e6e6;border-width: 0 1px 1px 1px;border-bottom: 1px solid #d2d2d2;}
.appsmenu .showhidemenu ul li:last-child { border-bottom: 0px solid #444; }
.appsmenu .showhidemenu ul li a {padding: 10px 13px;display: block;font-size: 14px;text-shadow: none;color: #333;text-align: left;text-overflow: ellipsis;width: 100%;overflow: hidden;box-sizing: border-box;white-space:pre;}
.appsmenu .showhidemenu ul li a:hover {background-color: #d2d2d2;}

.logoandlinks{
    /* display: inline-block; */
    /*     width: calc(90% - 220px); */
    /* position: relative; */
    /* display: flex; */
    flex: 1;
}

.textcontainer{
    /* display: inline-block; */
    /* background: #0d3e3e; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* max-width: 800px; */
    /* white-space: nowrap; */
    /* width: 100%; */
    /* min-width: 100px; */
    /* position: absolute; */
    /* left: 42px; */
    /*right: 270px;*/
    /* z-index: 10000; */
    /* display: block; */
    /* height: 100px; */
    display: flex;
}

.cuttingtext{
    display: block;
    /* background: #ff5e00; */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
    white-space: nowrap;
    /* width: 100%; */
    /* position: absolute; */
    /* left:0; */
    /* right: -112px; */
    z-index: 10000;
    float: left;
    margin-right: 10px;
    }

#AdminHeader1_spnmodelinks{
    /* display: inline-block; */
    /* position: absolute; */
    /* left: 100%; */
    /* background: red; */
    margin-left: 0;
    z-index: 111000;
    text-align: right;
}

.learntowag {}

.header_logo{
}

.sidemenu .close_bt i {
    position: absolute;
    right: 3px;
    font-size: 26px;
}

.header.sidemenu.close {
    margin-left: -150px;
    transition: margin 0.4s ease-out;
}

    .header.sidemenu.close .slide.one {
        width: 51px;
        overflow: hidden;
        position: absolute;
        left: 141px;
    }

    .header.sidemenu.close #AdminHeader1_tblbutton div {
        font-size: 24px;
        white-space: nowrap
    }

.designer form#form1.closemenu, form[name="form1"].closemenu, .designer form#form1.closemenu, .appbody form#form1.closemenu, .designer .warning.closemenu, .appbody .warning.closemenu {
    margin-left: 44px;
}



@keyframes showup {
    0% {
        -webkit-transform: translateY(3%);
        transform: translate3d(-50%,-47%,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translate3d(-50%,-50%,0);
        opacity: 1
    }
}


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

/*     .logoandlinks{
        display: inline-block;
        width: calc(20% - 220px);
        position: relative;
    } */

    .cuttingtext{
    max-width: 200px;
    }

}