@charset "UTF-8";
/* CSS Document */


@font-face{
    font-family: Segoe UI;
src: url(../fonts/seguisb.ttf);
font-family: Helvetica Neue LT Com Bd; src: url(../fonts/HelveticaNeueLTCom-Bd.ttf);
font-family: Helvetica Neue LT Com Roman; src: url(../fonts/HelveticaNeueLTCom-Roman.ttf);
font-family: Helvetica Neue LT Com Th; src: url(../fonts/HelveticaNeueLTCom-Th.ttf);
}

h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-family: roboto;
}

.appDetails {
    display: inline-block;
    height: auto;
    margin-top: 10px;
    padding: 0px;
    width: 100%;
}
.appDetails .tabHold {
  display: inline-block;
  background: none;
  border-bottom: none;
  float: none;
  height: auto;
  margin-left: 0;
  width: 100%;
}
.appDetails .tab{ background: none repeat scroll 0 0 #F1F1F1;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    font-size: 115%;
    padding: 10px 15px;
    text-align: center; cursor:pointer; font-weight:bold;}

.appDetails .tabAdd {
    background: none repeat scroll 0 0 #eeebf0;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    height: 32px;
    margin-left: 1px;
    padding: 9px 15px;
    position: relative;
    text-align: center;
    top: 8px;
    width: 40px;
    cursor: pointer;
}

.appDetailsHold {
  background: none repeat scroll 0 0 #CECECE; border-radius: 3px;
  margin: 0 auto;
  padding: 1px;
  width: 100%;
}
.appDetailsHold .appIconView {
    display: inline-block;
    width: 112px;
    height: 88px;
}
.appDetailsHold .appIconView .appIcon{height: 88px; line-height: 88px;}
.appDetailsHold .appIcon i {line-height: 101px;}

.statusHold{display: inline-block; margin-right: 3px; margin-top: 4px;}
.statusHold .bt{background-color:  #f1f1f1;}
.statusHold .bt:hover{background-color:#cecece;}
.statusHold .btHighlight{background-color: #00b8d4; color: #fff;}
.statusHold .btHighlight:hover{background-color: #0196AD;}

.leftSection {background: none repeat scroll 0 0 #FFFFFF; border-radius: 2px 0 0 2px; display: inline-block; padding: 10px; width: 78%;}
.leftSection .name{padding: 3px; }
.leftSection .descrption{font-size: 14px; font-family: "Roboto"; color: rgb(94, 94, 94); line-height: 1.714;}
.appDetailsHold h1{margin:5px;}
.appDetailsHold h3{margin:5px; font-size:140%;}
.iconStatus{width:19px; height:19px; margin-right:10px;}
.statusGreen{background: url(../images/icon_status_green.png) no-repeat;}

.leftSection .descrption .editInput{height: 28px;}
.leftSection .bt{float: right;}

.rightSection {background-color: #f4f4f4; height: 108px; display: inline-block; border-radius: 0 3px 3px 0; padding:10px 0 10px 0; width: 21.95%; float: right;}
.rightSection .name{height: 30px; display: inline-block; width: 35%; min-width: 85px; margin-top: 2px;padding-left: 15px;}
.rightSection .descrption {height: 30px; display: inline-block; width:auto; max-width: 63%; min-width: 50%; font-family: robotomedium;}
.status{border-top: 1px solid #c6c6c6;line-height: 29px;}

.infoHold {display: inline-block; margin-left: 20px; vertical-align: top;}
.infoHold .mainName{font-size: 20px; font-family: "Roboto"; line-height: 32px; margin-bottom: 5px; /*text-transform: capitalize;*/}

.iconTxtHold{width:80%; height:50px; float:left; margin-right:5px;}
.iconTxtHold h3{color:#3a3b3c; font-weight:bold; float:right; margin:9px 0 5px 0}
.iconTxtHold p{color:#9d9e9e; font-style:italic; float:right; margin:0  0 5px 0;font-size: 95%;}
.iconAppArrow{ width:4px; height:8px; float:left; background:url(../images/arrow-appicon.png) no-repeat;margin: 19px 5px 0 0;}
.iconAppHold {width: 100px; height: 77px; float: left; border-radius: 7px; background: #5eabec; border: 2px solid #ffffff;}
.iconApp01 {width: 95px; height: 70px; float: left; background: url(../images/icon-app01.png) no-repeat center;}
.iconAppHold .editHold {
    width: 100%;
    height: 20px;
    float: left;
    position: relative;
    bottom: 16px;
    border-radius: 0 0 7px 7px;
    background: url(../images/bg-appicon-edit.png);
    color: #FFF;
    border-top: 1px solid #88B8E1;
}
.iconEdit{background:url(../images/icon-edit.png); width:13px; height:11px; float:left; margin:3px 5px 0 8px;}

.button03 {
    width: auto;
    height: 28px;
    float: right;
    padding: 2px 28px;
    border: 1px solid #8a8a8a;
    color: #4d4f53;
    text-shadow: -1px 1px 0 #f7f7f7;
    border-radius: 2px;
    background: url(../images/bg-button03.png);
    font-weight: bold;
    margin: 0px 3px;
}
.button03:hover{background:url(../images/bg-button03_o.png);  cursor:pointer;}
.lastDate{width:auto; padding:10px; float:right; font-style:italic; color: #5e5e5e;}


.mainContentSection{width:100%; height:auto; margin:0 auto; }

.help {border: 1px solid #b6b6b6; border-radius: 3px; background-color: #fff; float: right;display: inline-block;}
.help .headHold {width: 100%; height: 47px; display: inline-block;}
.help .icon {width: 48px; height: 49px; display: inline-block; line-height: 59px; text-align: center;}
.help .icon:hover .help .icon i{color:#d4e157;}
.help .icon i {font-size: 20px;}
.help .heading{width:auto; height:auto; float:left; margin-left:10px; font-size:135%; font-weight:bold; color:#4e4f54;}
.help .close {width: 10px; height: 10px; float: right; margin: 8px 10px 0 0;}
.help .contentHold01{width:96%;height: auto; padding:10px 5px; float:left;}
.help .contentHold01 .heading{width:auto; height:auto; float:left; margin:0 0 10px 10px; font-size:105%; font-weight:bold; color:#4c5053;}
.help .content{width:94%; height:auto; float:left; margin-left:10px; line-height:1.5;color: #7E7F84; clear:left;}


.link{color:#0070bc; cursor:pointer;}

.contentHold {
    /*background: none repeat scroll 0 0 #F1F1F1;*/
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    height: auto;
    margin-top: 10px;margin-bottom: 30px;
    padding: 0px;
    width: 100%;
}
.tableHolder02 {
    display: inline-block;
    width: 100%;
}
.leftPart {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    width: 30%;/* min-width: 300px; */max-width: 484px;
    padding: 0;
    display: inline-block;
}
.leftPart .fieldHold {
    width: 100%;
    display: inline-block;
    border: #909090;
    overflow: hidden;
    background: #fff;
}

.leftPart .fieldHold .txt {line-height: 50px; padding-left: 20px; text-transform: capitalize;}
.leftPart .fieldHold .selected .txt {font-family: robotomedium;}

.leftHeadding {
    width: 100%;
    display: inline-block;
    padding: 9px;
    margin: 0;
    text-align: center;
    background-color: #29b6f6;
    color: #fff;
    
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    z-index: 0;
    position: relative;
}
.leftPart .done {
    width: 100%;
    height: 50px;
    background: url("../images/arrow_set2.png") no-repeat scroll 96% 50% #F3F4F8;
    border-bottom: 1px solid #cccccc;
    /*box-shadow: 0 1px 0 #FFFFFF inset;*/
    cursor: pointer;padding-right: 35px; display: inline-block;
}

.leftPart .selected {
    width: 100%;
    height: 50px;
    background: url("../images/arrow_set2_o.png") no-repeat scroll 96% 50% #95dbfa;
    border-bottom: 1px solid #cccccc;
    /*pointer-events: none;*/padding-right: 35px;display: inline-block;
}

.leftPart .done:hover, .leftPart .selected:hover{background-image: url(../svg/draggable.svg), url("../images/arrow_set2.png"); background-size: 9px auto, auto auto; background-position: 4px 50%, 96% 50%;}

.hold01, .hold02, .hold3{
    width: auto;
    height: auto;
    padding: 5px 8px 5px 7px;
    float: left;
    color: #666666;border: 1px solid transparent;
}

.hold01:hover, .hold02:hover{border: 1px dashed #999;}

.leftPart .content {
    width: 100%;
    height: 42px;
    background: #eff6fd;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.content .inputHold02 {
    width: auto;
/*    float: left;
    clear: left;*/
    margin: 12px 0 0px 15px;
}
.dragFiled {
    width: 89%;
    float: left;
    height: 13px;
    border: dotted 1px #CCCCCC;
    margin: 10px;
    font-style: italic;
    color: #CCC;
    text-align: center;
    padding: 10px;
}
.rightPart {
    background: #fafafa;
    float: right;
    min-height: 450px;
    overflow: hidden;
    width: 70%;border-left: 1px solid #ccc;
    display: inline-block;
}
.rightPart .divider{border-top: 1px solid #DFDFDF;margin-bottom: 20px;}
.rightPart .field {
    width: 100%;
    height: auto;
    display: inline-block;
}
.fieldButtons {
    width: 130px;
    height: 21px;
    float: left;
    margin: 10px 0px 10px 15px;
    background: url(../images/bg-button.png);
    border: 2px solid #b4b4b4;
    color: #4d4f53;
    text-shadow: 1px 1px 0px #C6C6C6;
    text-align: center;
    border-radius: 3px;
    padding: 3px 10px;
}
.rightPart .fieldHold {width: 100%; height: 50px; background-color: #eff6fd; box-shadow: 0 0 2px rgba(0,0,0,0.5);}
.rightPart .fieldHold .bt{margin: 6px;}
.inputHold {width: 94.8%; display: inline-block; margin: 6px 0 0 5px;}
.btCreateList {line-height: 31px; margin: 0 7px; width: 30px; min-width: 30px; padding: 0; background: transparent; border: none; color: #6B6B6B;vertical-align: top;}
.btCreateList::after {content: "\e800"; font-family: eiris-fonts; font-size: 18px; top: 2px; position: relative;}
.btCreateList:hover{color: #323232; background-color: transparent;}

.button04 {
    width: auto;
    height: auto;
    float: left;
    padding: 3px 28px;
    border: 1px solid #8a8a8a;
    color: #4d4f53;
    text-shadow: -1px 1px 0 #f7f7f7;
    border-radius: 2px;
    background: url(../images/bg-button03.png);
    font-weight: bold;
    margin: 0px 5px;
    cursor:pointer;
}

.content02 {
    width: 100%;
    height: auto;
    float: left;
}
.contentHold02 {
    width: 100%;
    height: auto;
    float: left;
    padding: 0px 0 5px 0;
}
.contentHold02 .txt02 {
    background-color: #ececec;
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
    box-shadow: 0 1px 0 #F7F7F7 inset;
    color: #3B3B3D;
    display: block;
    font-family: robotobold;
    height: auto;
    margin: 0 0 20px;
    padding: 10px 15px;
    width: 100%;
}
.arrowColse {
    width: 9px;
    height: 9px;
    background: url("../images/arrows.png") no-repeat scroll -9px 0 transparent;
    display: inline-block;
    margin-right: 10px;
}
.contentHold02 .lable01 {
    clear: left;
    margin: 0 0 5px 38px;
    font-family: robotobold;
}
.contentHold02 .inputHold02 {
    clear: left;
    margin: 0 0 20px 38px;display: inline-block;
}

.contentHold02 .invalid .smallTextHint{display: none;}
.dropdownHold {
    width: 210px;
    height: 26px;
    border-radius: 2px;
    background: #e2e2e2 url(../images/bg-dropdown.png);
    border: 1px solid #919598;
    font-weight: bold;
    text-shadow: -1px 1px 0 #f7f7f7;
}
.contentHold02 .inputHold02 .checkbox {
    width: auto;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
}
.contentHold02 .inputHold02 input {
    border-radius: 2px;
    color: #4C4C4C;
    height: 30px;
    padding: 0 5px; line-height: 30px;
    width: 200px;
}
.appStudio .boxBody .inputHold02 input:focus{outline: none;}
.appStudio .loader {top: 0;}

.contentHold02 .txt02a {
    margin: 0px 0 5px 8px;
    color: #3B3B3D;
    font-family: robotobold;
    display: inline-block;
    line-height: 22px;
}
.contentHold02 .checkboxHold {
    height: auto;
    margin: 0 0 15px 35px;
    vertical-align: top;
    display: block;
}
.uploadOptionBar .inputHold02 .smallTextHint{
    width: auto;
    padding: 10px;
    float: right;
    font-style: italic;
    font-weight: normal;
    line-height: 5px;
    vertical-align: middle;
}
.contentHold02 .inputHold02 .smallTextHint {width: auto;font-style: italic; font-weight: normal; line-height: 5px; vertical-align: middle;display: inline-block; margin-left: 5px;}
.txt02 .formDropDown{
        margin: 4px 0 5px 20px;
}
.listBar .formDropDown{
        margin: 4px 0 5px 20px;
}
.listBar .lable01{
        margin: 4px 0 5px 20px;
        font-weight: normal;
}
.contentHold02 .uploadOptionBar{
    background: #f5f5f5;
    border-bottom: 1px solid #DFDFDF;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #3B3B3D;
    float: left;
    height: auto;
    padding: 10px 15px;
    width: 100%;
}
.uploadOptionBar .lable01{
    margin: 4px 0 5px 26px;
}
.uploadOptionBar .checkList{
    margin: 4px 0 5px 26px;
}
.uploadOptionBar .checkListItem{
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.uploadOptionBar .checkList .checkbox{
    display: inline-block;
    padding-top: 2px;
}
.uploadOptionBar .checkList .lable01{
    display: inline-block;
    margin: 4px 0 5px 12px;
    vertical-align: top;
    line-height: 10px;
    font-weight: normal;
}
.uploadOptionBar .checkList .camIcon{
    display: inline-block;
}
.uploadOptionBar .checkList .camIcon .fa-camera{
    font-size: 18px;
    margin-left: 40%;
}
.uploadOptionBar .checkList .camIcon .fa-folder-open{
    font-size: 18px;
    margin-left: 40%;
}
.contentHold02 .listBar {
    background: #f5f5f5;
    border-bottom: 1px solid #DFDFDF;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #3B3B3D;
    float: left;
    height: auto;
    padding: 10px 15px;
    width: 100%;
}
.contentHold02 .listBar:hover {
    background-color: #DAFEDA;
}
.contentHold02 .ml38{
    margin-left: 38px;
}
.mt20{
    margin-top: 20px;
}
.mt30{
    margin-top: 30px;
}

.linkLabel{
    clear: left;
    clear: left;
    margin: 0 0 5px 38px;
    font-weight: bold;
}

.linkLabel .lable01{
    margin-left: 3px;

}
.linkLabel .fa-link{
    font-size: 18px;

}
.contentHold02 .m0 {
    margin: 0px 0px 0px 0px;
}
.contentHold02 .ml20{
    margin-left: 20px;
}

.contentHold02 .txt02 .formBar{
    height: 40px;
    width: 100%;
}
.contentHold02 .txt02 .formBar .lable01{
    line-height: 40px;
    vertical-align: top;
}
.contentHold02 .uploadOptionBar .fontStyleButtonBar{
    width: 50%;
    height: 32px;
   
}
.contentHold02 .uploadOptionBar .fontStyleButtonBar > .button04{
    width: 28px;
    height: 28px;
    font-weight: normal;
    padding-left: 7px;
    padding-right: 5px;
    padding-top: 0px;
    /* padding-bottom: 0px; */
    align-items: center;
    font-size: 16px;
    float: left;
}
b{
    font-weight: bold;
}
i{
    font-style: italic;
    font-weight: bold;
}
u{
    font-weight: bold;
}


.contentHold02 .buttonHoldBar{
    width: 60%;
    margin: 7px 0px 0px 20px;
    display: block; 
    height: 40px;
}
.contentHold02 .buttonHoldBar .button04{
    display: inline-block;
    width: 40%;
    margin: 1%;
    text-align: center;
    height: 28px;
}
.contentHold02 .normalText{
    margin: 7px 0px 0px 20px;
}



.mainAppSettingContentSection{
    display: block;
    height: 100%;
    margin-top: 10px;
    padding: 0px;
    width: 100%;
    /*background-color: #f1f1f1;*/
    border-radius: 5px;
}
.appSettingHeaderBar{
    width: 96%;
    margin-top: 20px;
    /*margin-left: 20px;*/
    margin-right: 20px;
}
.appSettingFooterBar{
    /*width: 96%;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    height: 30px;*/
    width: 96%;
    padding: 20px 0;
    height: 80px;
    border-top: 1px solid #cfcfcf;
}
.appSettingHeaderBar .appHeading{
    display: inline-block;
    width: 60%;

}
.appSettingHeaderBar .appHeading h1{
    font-size: 26px;
}
.appSettingHeaderBar .smallTextHint{
    display: inline-block;
    width: 38%;
    float: right;
    text-align: right;
    font-style: italic;
    font-size: 14px;
    vertical-align: middle;
    line-height: 43px;
}
.mainAppSettingContentSection .appSettingBody{
    width: 97.5%;
    margin-top: 12px;
    margin-left: 1px;
    margin-right: 12px;
    padding-bottom: 12px;
}
.appSettingBody .bodyPart1{
    /*padding-left: 20px;
    padding-top: 20px;*/
    padding-bottom: 20px;
    background-color: #FFF;
    width: 100%;
    display: inline-block;
}
.appSettingBody .bodyPart2{
    /*padding-left: 20px;*/
    padding-top: 20px;
    background-color: #FFF;
    width: 100%;
    padding-bottom: 12px;
     
}

.bodyPart2 .bt {width: 173px; margin: -2px 0 0 0; position: relative; z-index: 3; border-radius: 0 0 3px 3px;}

.appSettingBody .bodyPart2 .mt20{
    margin-top: 20px;
}
.appSettingBody .lable01{
   /* margin: 0px 0px 0px 15px;*/
    font-family: robotomedium;
}

.appSettingBody .inputHold02 {
    width: auto;
    /*float: left;
    clear: left;*/
    margin: 5px 0 0px 0;
}

.appSettingBody .mt38{
    margin-top: 20px;
}

.appSettingBody .inputHold02 input, .appSettingBody .inputHold02 textarea{
    width: 250px; border: 1px solid #CFD8DC;
}
.appSettingBody textarea:focus{
    outline: #4d90fe solid 1px;
}
.appSettingBody .inputHold02 textarea {
    height: 70px;
    width: 500px;
}

textarea:focus {
    outline: none;
}

.appSettingBody .bodyPart1 .formHold, .appSettingBody .bodyPart2 .formHold{
    width: 100%;
    margin-top: 15px;
    height: auto;
}

.imgIconArea{
    background-color: #F5F5F5;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: block;
    height: 119px;
    /*margin-left: 15px;*/
    margin-top: 12px;
    width: 173px;
}
.imgIconArea > .fa-question {
    font-size: 95px;
    color: #FFF;
    margin-left: 33%;
    margin-top: 5px;
}

.imgIconArea i {
    /*color: #ffffff;*/
    display: block;
    font-size: 90px;
    height: 120px;
    line-height: 135px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.imgIconArea span {color: #8c8c8c;left: 48px; text-transform: none; top: 90px;}

.selectIcon.active {
    background-color: #fff;
    border: 1px solid orange;
}

.appSettingBody .bodyPart2 .formHold .formDropDown{
        display: inline-block;
    height: 30px;
    margin-left: 15px;
    margin-top: 10px;
}

.styled-select select > option > .colorSample{
    width: 30px;
    height: 10px;
    background-color: #ffbe00;
    display: inline-block;
}

.selectIconBar{
    display: inline-block;
    width: 90%;
    padding-left: 15px;
    border-radius: 5px;
    background-color: #f1f1f1;
    /*margin-left: 10px;*/
    margin-top: 10px;
    padding: 10px;
}
.selectIconBar .selectIcon {
    border-radius: 5px;
    display: inline-block;
    font-size: 65px;
    height: 80px;
    line-height: 96px;
    margin-left: 10px;
    text-align: center;
    width: 80px;
}
.selectIconBar .selectIcon .fa{
    font-size: 70px;
    line-height: 80px;
}
.selectIconBar .selectIcon:hover{
    background-color: #FFF;
    cursor: pointer;
}

.appSettingFooterBar .button04 {
    width: auto;
    height: auto;
    float: left;
    padding: 3px 28px;
    border: 1px solid #8a8a8a;
    color: #4d4f53;
    text-shadow: -1px 1px 0 #f7f7f7;
    border-radius: 2px;
    background: url(../images/bg-button03.png);
    font-weight: bold;
    margin: 0px 5px;
    display: inline-block;

}


.contentHold02 .belowRequiredBox{
    width: 30%;
    height: auto;
    border-radius: 3px;
    border: 1px solid #8a8a8a;
    display: block;
    margin: 100px 0 20px 38px;
}
.belowRequiredBox .boxItem{
    width: 100%;
    height: 24px;
    cursor: pointer;
    margin-top: 4px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.belowRequiredBox .boxItem:hover{
    background-color: #e5f0f8;
}
.belowRequiredBox .boxItem .itemIcon{
    display: inline-block;
    width: 10%;
    margin-left: 5%;
    
}
.belowRequiredBox .boxItem .itemLastIcon{
    display: inline-block;
    width: 10%;
    float: right;
    text-align: right;
    margin-right: 5%;
}
.belowRequiredBox .boxItem .itemText{
    display: inline-block;
    width: 50%;
}
.checkButton .button04{
    padding: 3px 10px;
    width:15%;
    margin-left: 38px;
}
.button04 .btnCheckIcon{
    margin-right: 1%;
}

.contentHold02 .mediaAddFileBox{
    width: 100%;
    min-height: 120px;
    background-color: #f2f2f2;
    margin-top: 7.5%;
    border-bottom: 1px solid #f1f1f1;
}

.contentHold02 .mediaAddFileBox .mediaAddFileHeader{
    width:40%;
    display: block;
}
.mediaAddFileHeader .lable01{
    width: 40%;
    display: inline-block;
    height: 18px;
}
.mediaAddFileHeader .sizeText{
    width: 40%;
    float: right;
    text-align: right;
    display: inline-block;
    height: 18px;
}

.mediaAddFileBox .mediaFileItem{
    width: 35%;
    background-color: #dadedf;
    height: 25px;
    margin-top: 0px;
    margin-bottom: 4px;
    border-radius: 3px;
    margin-left: 38px;
}

.mediaAddFileBox .mediaFileItem .itemIcon{
    display: inline-block;
    width: 7%;
    margin-left: 3%;
    
}
.mediaFileItem .itemIcon .fa{
    font-size: 16px;
    margin-top: 4px;
}

.mediaAddFileBox .mediaFileItem .itemLastIcon{
    display: inline-block;
    width: 7%;
    float: right;
    text-align: right;
    margin-right: 2%;
}
.mediaFileItem .itemLastIcon .fa{
    font-size: 16px;
    margin-top: 4px;
}
.mediaAddFileBox .mediaFileItem .itemText{
    display: inline-block;
    width: 40%;
    line-height: 25px;
    vertical-align: top;
}
.mediaAddFileBox .mediaFileItem .itemSizeText{
    display: inline-block;
    width: 30%;
    float: right;
    text-align: right;
    vertical-align: middle;
    line-height: 25px;
}

.mediaAddFileBox .button04{
    margin-left: 38px;
    width: 35%;
    text-align: center;     
}

.contentHold02 .txt02 .vMiddle{
    margin-left: 25px;
    line-height: 35px;
    vertical-align: top;
}
.contentHold02 .ml25{
    margin-left: 25px;
}

.contentHold02 .validationBar{
    width: 100%;
}
.validationBar .formDropDown{
    float: left;

}
.validationBar .inputHold02{
    float: none;
    position: relative;
}
.validationBar .inputHold02 input{
    width: 100px;
    padding-right: 35px;
    font-weight: normal;
}
.validationBar .inputHold02 .minPlaceholder, .validationBar .inputHold02 .maxPlaceholder{
    width:20%;
    display: inline-block;
    position: absolute;
    top:15%;
    right: 10%;
    font-style: italic;
    font-weight: normal;
}


.contentHold02 .wordCountBar{
    width: 100%;
}

.wordCountBar .inputHold02{
    float: none;
    position: relative;
}
.wordCountBar .inputHold02 input{
    width: 100px;
    padding-right: 35px;
    font-weight: normal;
}

.wordCountBar .inputHold02 .minPlaceholder, .wordCountBar .inputHold02 .maxPlaceholder{
    width:20%;
    display: inline-block;
    position: absolute;
    top:15%;
    right: 10%;
    font-style: italic;
    font-weight: normal;
}

/* Apps View CSS elements*/
.appsContentSection{
    width: 100%;
    height: auto;
}
.appsContentSection h2{
    font-size: 28px;
    margin-bottom: 10px;
}
.appsContentSection .appsHeaderText{
    font-size: 14px;
}
.appViewSection{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.appViewSection .appViewTabs{
    width: 100%;
}
.appViewTabs .standardAppsTab{
    font-weight: bold;
    font-size: 16px;
    width: 15%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}
.appViewTabs .customAppsTab {
    font-weight: bold;
    font-size: 16px;
    width: 15%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}
.appViewTabs .selected{
    background-color: #eeeeee;
    border-top:1px solid #e1e1e1;
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1; 
}

.appViewSectionHeader{
    width: 100%; position: relative;
    height: 40px;
    display: block;margin-bottom: 15px;
}
.appViewSectionHeader .selectViewType {
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    float: right;
    position: relative;
    top: 0px;
}
.appViewSectionHeader .selectViewType .iconViewType{
    display: inline-block;
}
.iconViewType .fa{
    font-size: 20px;
}

.appIcon i {
    font-size: 70px;
    line-height: 129px;
}

.appViewSectionHeader .selectViewType .dropDownViewType {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    position: relative;
}

.dropDownViewType #dropDownWithImage {
    position: absolute;
    top: -7px;
    right: 10px;
    display: inline-block;
}


/*.appViewSectionHeader .searchBox {
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    float: right;
    height: 42px;
    margin-right: 10px;
    padding: 10px;
}
.appViewSectionHeader .searchBox .searchIcon {
    width: auto;
    display: inline-block;
    float: left; cursor: pointer;
}

.appViewSectionHeader .searchBox .searchIcon .fa{
    font-size: 20px;
}
.appViewSectionHeader .searchBox .searchArea {
    display: inline-block;
    float: right;
    margin-top: -6px;
    position: relative;
}
.appViewSectionHeader .searchBox .searchArea .clear {
    float: right;
    text-align: right;
    position: absolute;
    top: 6px;
    right: 5px;
    cursor: pointer;
}
.appViewSectionHeader .searchBox .searchArea .clear .fa{
    font-weight: normal;
    font-size: 18px;
}
.appViewSectionHeader .searchBox .searchArea input {
    width: 160px;
    float: right;
    border-radius: 3px;
    border: 0px solid #e1e1e1;
    padding: 0px;
    font-size: 14px;
    line-height: 30px;
}*/


/*.appViewSectionHeader .searchHold{display: inline-block; vertical-align: top;top: 0; left: 0;overflow: hidden; float: right;}
.appViewSectionHeader .searchHold input {background-color: #ffffff; border: 1px solid #cccccc; height: 40px; line-height: normal; vertical-align: middle; width: 300px; border-radius: 5px; margin:0 0 2px 0; padding:2px 5px 0 10px;}
.appViewSectionHeader .icon-search {color: #999999; font-size: 15px; height: 38px; line-height: 38px; position: absolute; right: 10px; top: 2px; transition: all 0.5s ease 0s;}
.appViewSectionHeader .searchHold .clearable{background-position:107% 50%;}*/

/* Chrome, Safari, Opera */ 
@-webkit-keyframes openSearch {
    from {width: 0px;padding-right:0px;padding-left:0px;}
    to {width: 160px;padding-right:22px;padding-left:5px;}
} 

/* Standard syntax */ 
@keyframes openSearch {
    from {width: 0px;padding-right:5px;padding-left:0px;}
    to {width: 160px;padding-right:22px;padding-left:5px;}
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes closeSearch {
    from {width: 160px;padding-right:22px;padding-left:5px;}
    to {width: 0px;padding-right:0px;padding-left:0px;}
} 

/* Standard syntax */ 
@keyframes closeSearch {
    from {width: 160px;padding-right:22px;padding-left:5px;}
    to {width: 0px;padding-right:0px;padding-left:0px;}
}

.verticalBar {
    background-color: #cccccc;
    /*display: none;*/
    float: right;
    height: 40px;
    width: 1px;margin: 0 15px;
}

.listOfApps {
    display:block;font-size: 13px;
}
.appListSection {
    width: 100%;
    display: block;
}

#addButton .appName {text-align: center;}

.appUsersStats {
    color: #898989;
    position: relative;
    top: -3px;display: inline-block;
}

.appIcon i.icon-add_thin {
    color: #626262;
    font-size: 50px;
}

.searchBox .icon-search {
    color: #323232;
    font-size: 22px;
    position: relative;
    top: -2px;
}
.appListSection .appIconView {
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    display: inline-block;
    height: 189px;
    margin-right: 10px;
    padding: 10px;
    width: 169px;margin-bottom: 10px; vertical-align: top;
}

.appsetting .appIconView {height: auto;}
.appsetting .tableHold {margin-top: 30px;}
.textHold {display: inline-block; height: 140px;margin-left: 15px; position: relative; width: 85%;}
.appname {font-family: robotobold; font-size: 18px; padding-bottom: 10px;}
.appsetting .btEdit{bottom: 0; color: #00b8d4; cursor: pointer; display: inline-block; font-size: 14px; position: absolute;}

.appListSection .appIconView:hover{cursor: pointer; background-color: #f6f6f6;}

.appsetting.appListSection .appIconView:hover{cursor: default; background-color: transparent;}
.appIconView:hover appIcon{background-color: #EFEAEA;}

.appIconView .appIcon {
    border-radius: 2px;
    display: block;
    height: 119px;
    text-align: center;
    width: 100%;line-height: 119px;
    background-color: #F7F7F7;
}

.appIconView .appIcon .fa{
    font-size: 64px;
    color: #FFF;
    vertical-align: middle;
    line-height: 119px;
}

.appIconView .appName {
    font-family: roboto;
    font-size: 15px;
    margin-top: 10px;
    text-transform: capitalize;
}

.appListSection .addView{
    text-align: center;
}
.addView .appIcon{
    width: 100%;
    height: 119px;
    display: block;
    border-radius: 5px;
    background-color: transparent;
    text-align: center;
}
.addView .appIcon .fa{
    font-size: 64px;
    color: #DADADA ;
    font-weight: normal;
    vertical-align: middle;
    line-height: 75px;
}
.addView .appName{
    font-size: 16px;
}


.viewGrid, .viewList {display: inline-block; height: 38px; padding: 7px 0 0 8px; width: 40px;float: left;}
.viewGrid.active, .viewList.active{background:#50b5ad;}
.viewGrid:hover, .viewList:hover{background:#ccc;}
.viewGrid.active:hover, .viewList.active:hover{background:#50b5ad;}
.viewGrid svg, .viewList svg {width: 23px;}
.svgGrid, .svgList  {fill: none; stroke: #323232;}
.active .svgGrid, .active .svgList{stroke: #fff;}


.as-grid, .as-list2 {
    display: inline-block;
    height: 30px;
    position: relative;
    top: -5px;
    vertical-align: top;
}

.viewGrid:hover, .viewList:hover {color: #50b5ad; cursor: pointer;}


.appViewSectionFooter{
    width: 96%;
    padding-bottom: 10px;
    padding-top: 10px;
     
}
.appViewSectionFooter .footerText{
    font-weight: normal;
    font-size: 12px;
    color: #323232;
}

.contentHoldHeader{
    width: 100%;
    height: 50px;
    background-color: #E0E0E0;
    border-bottom: 0;
}
.contentHoldHeader .leftBar{
    width: auto;
    display: inline-block;
    float: left;
}
.contentHoldHeader .leftBar .tabDiv{
    display: inline-block;
    width:121px;
    height: 50px;
    line-height: 49px;
    vertical-align: middle;
    font-size: 14px;
    font-family: robotomedium;
    color: #323232;
    border-right: 1px solid #b2b2b2;
    text-align: center;
    position: relative; float: left;
}
.contentHoldHeader .leftBar .tabDiv:hover{
    background-color: #CCC;
    cursor: pointer;
}
.contentHoldHeader .leftBar .active {
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #29b6f6;
    position: absolute;
    left:44%;
    bottom: -1px;    z-index: 2;
}
.appStudio .leftBar .disable {
    pointer-events: none;
    opacity: 1;
}

.contentHoldHeader .leftBar .activeBorder {
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #b7b7b7 ;
    position: absolute;
    left:44%;
    bottom: 0px;z-index: 1;
}
#users .active {border-bottom-color: #fff;}

.contentHold02 .mt0{
    margin-top: 0px;
}

.contentHold02 .dateDiv{
    display: block;
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #e1e1e1;
}
.contentHold02 .w100{
    width:100%;
}
.contentHold02 .dateLabelPart{
    width: 100%;
}
.dateLabelPart .dateIcon{
    display: inline-block;
    margin-left: 38px;
}
.dateLabelPart .lable01{
        display: inline-block;
    margin-left: 4px;
    color: #323232;
    line-height: 20px;
    vertical-align: top;
}
.dateLabelPart .dateIcon .fa{
    font-size: 20px;
}
.contentHold02 .dateDiv .lockedDiv{
    margin-left: 38px;
    margin-bottom:20px;
    display: block;
    width: 100%;
}
.lockedDiv .button03{
    height: 28px;
    width: 28px;
    float: none;
    display: inline-block;
    padding: 3px 8px;
    background:url(../images/bg-button03_o.png);
}
.lockedDiv .button03 .fa{
    font-size: 20px;
}
.lockedDiv .smallTextHint{
    display: inline-block;
    font-style: italic;
}
.contentHold02 .formulaSection{
    margin-left: 38px;
}
.contentHold02 .formulaSection .lable01{
    margin-left: 0px;
}  
.contentHold02 .calcSection{
    width:460px;
    background-color: #EDEDED;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #e1e1e1; display: inline-block;
}
.contentHold02 .calcSection .row1{
    width: 100%;
    padding: 5px;
    background-color: #FFF;
    border: 1px solid #e1e1e1;
    height: auto;
    border-radius: 3px;
    display: block;
}
.calcValuesPart div {
    display: inline-block;
}
.calcSection .row1 .calcValuesPart{
    height:auto;
    min-height: 90px;
    width:100%;
}
.row1 .calcValuesPart .selectedElement{
    min-width: 90px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-color: #dcdcdc; margin-bottom: 6px;
}
.row1 .calcValuesPart .calcSign{
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
}
.row1 .bottomPart{
    width: 100%;display: inline-block;
}
.row1 .bottomPart .buttonReset{
    width: 20%;
    height: 20px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    text-align: center;
    background-color: #777;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    float: right;
}
.contentHold02 .calcSection .row2{
    width: 100%;
    margin-top: 5px;
    background-color: #7e7e7e;
    border-radius: 3px;
    height: 25px;
    display: block;
}
.row2 .bR{
    border-right: 1px solid #CCC;
}
.row2 .calcOperationButton {
    width: 20%;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    height: 25px;
    display: inline-block; float: left;
    font-weight: bold;
}
.row2 .calcOperationButton:hover{
    cursor: pointer;
    border: 1px solid #fff;
}
.contentHold02 .calcSection .row3{
    width: 100%;
    margin-top: 5px;
    background-color: #7e7e7e;
    border-radius: 3px;
    display: block;
    padding: 5px;
    border-radius: 5px;
}
.contentHold02 .calcSection .row3 .row3Header{
    width: 96%;
    color: #FFF;
    font-size: 12px;
    display: block;
    height: 24px;
    margin-left: 2%;
}
.row3Header .leftText{
    width: 40%;
    display: inline-block;
    float: left;
}
.row3Header .rightText{
    width: 40%;
    display: inline-block;
    float: right;
    text-align: right;
}
.row3 .row3Body{
    background-color: #FFF;
    widows: 100%;
    display: block;
    border-radius: 3px;
    padding: 5px;
}
.row3 .row3Body .row3Item{
    width: 100%;
    color: #000 ;
    padding-left: 5px;
    border-radius: 3px;
}
.row3 .row3Body .row3Item:hover{
    background-color: #CCC;
    cursor: pointer;
}
.tableHold h4 {
    margin: 10px 0;
}
.tableHolder02 .leftPart .fieldHold .monitorBody {
    margin-left: 3%;background-color: #3494e8;
    margin-top: 10px;
    /* padding: 4px; */
    color: #fff;
    padding-top: 5px;
    /* margin-top: 2px; */
    width: 94%;
    height: auto;
    border-radius: 5px;
}
.monitorBody .dateHold {float: right; width: 44px; background-color: #fff; border-radius: 3px; height: 48px; text-align: center; margin-top: 8px; color: #323232; overflow: hidden; opacity: 0.9}
.monitorBody .dateHold .month {background-color: #ccc; width: 100%; height: 20px; line-height: 20px;font-family: robotolight;}
.monitorBody .dateHold .date {line-height: 27px; font-size: 21px;}
.monitorBody .monitorTopBody {
    width: 68%;
    height: 80px;
    border-radius: 5px;
    padding:15px 10px; cursor: pointer; display: inline-block; margin-left: 5px;
    margin-bottom: 5px;
    border: 1px solid #3494E8;
}

.monitorTopBody .monitorTopText {
    font-size: 15px;
    /* margin-top: 15px; */
    /* margin-left: 15px; */
}
.monitorTopBody .monitorValue {
    font-size: 28px;
    font-weight: bold;
    /* margin-top: 5px; */
    /* margin-left: 15px; */
    vertical-align: top;
    line-height: 30px;display: inline-block;
}
.tableHolder02 .leftPart .fieldHold .monitorBody .monitorFooter {
    /* margin-left: 5%; */
    width: 96%;
    color: #fff;
    margin: 0 2%;
    height: auto;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 1px solid rgba(255,255,255,0.4);
}

.monitorFooter .monitorLeftText, .monitorFooter .monitorRightText{cursor: pointer; display: inline-block; height: 35px; line-height: 35px; margin: 4px 0.5%; vertical-align: middle; width: 48%;border: 1px solid #3494E8;border-radius: 4px; padding: 0;}
.monitorFooter .monitorLeftText label, .monitorFooter .monitorRightText label{width: auto; cursor: pointer; margin-left: 5px;}
.formulaItem {display: inline-block; margin: 0 5px;}
/*.monitorFooter .monitorLeftText{margin-left: -6px;}
.monitorFooter .monitorRightText{margin-right: -6px;}*/
.monitorFooter .monitorRightText{text-align: right;}

.monitorBody .active, .monitorFooter .active {background-color: rgba(255,255,255, 0.3); border: 1px dashed #ffe082; }

.monitorLeftText:hover, .monitorRightText:hover, .monitorTopBody:hover{border: 1px dashed #ffe082;}




/* Monitor section start*/

/*Formula start*/
.monitorHold {/*border-width: 1px; border-color: rgb(178, 178, 178); border-style: solid;*/ border-radius: 3px; /*background-color: rgb(190, 189, 189);*/ width: auto; min-height: 294px; overflow: hidden; display:inline-block;}
.displayHold {border-radius: 3px 3px 0 0; border: 2px solid rgb(178, 178, 178); background-color: rgb(255, 255, 255); width: 223px; min-height: 72px; height: auto; padding: 10px 10px 5px; max-height: 107px; overflow-x: hidden; display:block;}
.fieldTxt, .number {border-radius: 3px; background-color: rgb(239, 239, 239); width: auto; height: 25px; padding: 0 10px; vertical-align: top; line-height: 25px; display: inline-block;margin-bottom: 5px;}
.displayHold .operator{width: 25px; height: 25px;  background-size: 36px; background-position: 50% 50%; display: inline-block;vertical-align: top;}
.operatorsHold {background-color: rgb(86, 91, 110); width: 100%; height: 37px; display:block;}
.operatorsHold .operator {width: 37px;height: 37px; display: inline-block; float: left;}
.operatorsHold .operator:hover{background-color: rgba(0,0,0,0.5); cursor: pointer;}
.appFieldHold{border: 1px solid #ccc;display: inline-block; width: 100%;}
.appFieldHold .headerHold{display: block; background-color: rgb(214, 213, 213); width: 100%; height: 31px; float: left;}
.appFieldHold lable {padding: 5px;vertical-align: top; font-family: robotomedium; display: inline-block;}
.appFieldHold .searchHold input {display: none;}
.appFieldHold .vLine {float: right; height: 20px; margin: 5px 0 0 0; border-color: #c0c0c0;}

.iconNumPad {height: 31px;}
.iconNumPad:hover{/*background-color:rgba(0,0,0,0.3); */cursor: pointer;}
.iconNumPad:hover svg {fill: #565B6E;}
.numberPad{position: absolute; top: 0; right: -112px; transition: all 0.5s; z-index: 2;}
.numberPadHold {height: 180px; float: right; position: relative;}
.numberPadHold .numbers{display: inline-block; width: 111px; height: auto; background-color:#fa6565; }
.num{background-color: rgba(203, 64, 64, 0.5); width: 36px; height: 36px; display: inline-block;text-align: center;float: left;margin: 1px 0 0 1px;padding: 9px; color: #fff;}
.num:hover{background-color: rgba(0,0,0,0.3); cursor: pointer;}
.num.zero{width:73px;}
.appFieldHold ul {display: block; height: 150px; background: #fff; overflow-x: hidden; width: 100%; float: left;}
.appFieldHold li {padding: 0px 0 0 10px; height: 30px; display: block; line-height: 30px;}
.appFieldHold li:hover {background-color: rgb(239, 239, 239); cursor: pointer;}
.appFieldHold ul.disable {opacity: 0.5;}

.numberPad .header {position: relative; height: 31px; width: 111px; padding: 0; background: #5e3838; color: #fff;}
.numberPad .header label {padding: 5px;}
.numberPad .icon-cross {float: right;vertical-align: top; width: 30px; height: 30px; padding: 8px; color: #ccc;}
.numberPad .icon-cross:hover{color: #fff;}
.numberPad .icon-cross:before {top: 0;}

.iconNumPad svg {width: 30px;display: inline-block;}
.operatorsHold .clearAll {background-color: rgba(0, 0, 0, 0.1); color: #f0b600; font-size: 16px; font-family: "roboto"; display: inline-block;text-align: center; padding: 7px;}
.operatorsHold .avg {text-align: center;line-height: 37px;color: #fff; font-family: robotolight;}

.operatorsHold .openbraket, .operatorsHold .closebrackets, .operatorsHold .percentage, .operatorsHold .divided, .operatorsHold .multiply, .operatorsHold .minus, .operatorsHold .plus, .operatorsHold .delete {fill: #fff;}
.openbraket{background: url(../svg/monitor/open_braket.svg);}  
.closebrakets {background: url(../svg/monitor/close_braket.svg);}
.percentage{background: url(../svg/monitor/percentage.svg);}
.divided{background: url(../svg/monitor/divided.svg);}
.multiply{background: url(../svg/monitor/multiply.svg);}  
.minus{background: url(../svg/monitor/minus.svg);}
.plus{background: url(../svg/monitor/add.svg);}
/*Formula end*/

/* Monitor section End*/

.appListSection table{
    border: 1px solid #e1e1e1;
    padding:0px;
}
.appListSection table .th01 {
    background-color: #ececec;
    border-right: 1px solid #c7cccb ;
    border-top: 1px solid #c7cccb ;
    cursor: pointer;
    font-family: robotobold;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}
.appListSection table .th01:hover {
    background-color: #dcdcdc;  
}
.appViewSection .p0{
    padding:0px;
}
.appListSection table tr{
    border:1px solid transparent;
}
.appListSection table .bb{
    border-bottom: 1px solid #c7cccb;
}
.appListSection table tr:hover{
    background-color: #f7f6f6;
    cursor: pointer;
}
.appListSection table td .badgeIcon {
    border-radius: 3px;
    display: block;
    height: 53px;
    line-height: 53px;
    text-align: center;
    width: 65px;
}
.appListSection table td .badgeIcon i{
    font-size: 39px;
    height: 34px;
    line-height: 61px;
    vertical-align: middle;
}

.as-clock5 {color: #e68370;}
.as-calendar3 {color: #ab47bc;}

.appListSection table td{
    padding: 5px 0 5px 10px;
    vertical-align: middle;
}

.appListSection .orange{
    background-color: #ff6739;
}
.appListSection .activeIcon, .listOfApps .activeIcon{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    display: inline-block;
    background-color: #bababb;
}
.listOfApps .activeIcon, .listOfApps .active{
    margin: 3px 0 0 0;
    width: 10px;
    height: 10px;
}
.appListSection .active, .listOfApps .active{
    background-color: #00ae52;
}
.listOfApps td .activeIcon, .listOfApps td .active {
    width: 20px;
    height: 20px;
    margin: 5px 5px 0 0;
}
.appListSection table td .tdText {
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

.swithHold .textHold{height: auto;}
.textHold .lable{font-family: robotomedium; font-size: 14px;}
.appsetting .swithHold {margin-top: 20px;}
.appsetting .switch{float: none; display: inline-block; vertical-align: top;}
.appsetting input.cmn-toggle-round + label::before{content: ""; line-height: 30px;}
.appsetting input.cmn-toggle-round:checked + label::after {margin-left: 20px;}
.appsetting input.cmn-toggle-round + label::after{width: 23px;height: 23px; border: 0;}
.appsetting input.cmn-toggle-round + label {height: 25px;width: 45px;}
.appsetting input.cmn-toggle-round:checked + label::before {background-color: #5ed876;}
.dividerLine {border-bottom: 1px solid #e0e0e0;margin-bottom: 20px;padding: 0;width: 100%;}
.appsetting .formHold {margin-bottom: 100px;margin-top: 35px;}

.dropDownHold2 {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    border-radius: 0 0 3px 3px;
    display: inline-block;
    left: 0;
    position: absolute;
    text-align: left;
    top: 35px;
    width: 123px;
}

.dropDownHold2 > li {
    border-bottom: 1px solid #cfcfcf;
    padding: 5px; cursor: pointer;
}
.dropDownHold2 > li:hover{cursor: pointer;}
.dropDownHold2 label {
    margin-left: 6px;
}
.colorCodeBt .colorcode {max-height: 230px; overflow-x: hidden; height: 230px; left: -1px; width: 160px;}
.colorcode .bgColorCode , .colorCodeBt .bgColorCode {border: 2px solid #ffffff; border-radius: 3px; display: inline-block; height: 23px; vertical-align: top; width: 45px;}
.colorcode label {line-height: 25px; vertical-align: top; cursor: pointer;}
.triangleDown {width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;	border-top: 5px solid #616162;}

.bt .triangleDown {position: absolute;right: 10px;top: 40%;}
.colorCodeBt {background-color: #e0e0e0; width: 160px; text-align: left; padding-left: 10px;margin: 8px 0 0;}
.colorCodeBt label {margin-left: 6px;}
.dropDownHold2 .active {background-color: #efefef;}
.bt li {list-style: none;}

.appStudioFixed{position: fixed; top: 60px; width: 84.4%;}
.appStudioFixed .rightPart{height: 450px; overflow-x: hidden;}



/*Summary Field New Design --- ANKIT*/
.summaryRightArea{padding-left:38px;}

.topField{width: 100%;}
.summaryRightArea .inputHold02{float: none;margin-left: 0px;}
.summaryRightArea .mB0{margin-bottom: 0px;}
.summFieldHold{width: auto;padding: 10px;display: inline-block; border-radius: 3px;
    margin-bottom: 20px;}
.summFieldHold:hover .summFieldHold{border: 1px solid #ccc;}
.summFieldHold.active, .topField.active .formEleHold{background-color: rgb(250, 251, 239); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);}
.dropdownItem {display: inline-block; font-family: robotomedium;}
.hold02 label{margin-right: 5px; width: auto; cursor: pointer;}
.hold02 label:after {content: ":";}
.hold01.active, .hold02.active {border: 1px dashed #999; background-color: #F7F9E1; border-radius: 3px;}
.leftPart .card01 .hold02.fr {float: right; position: relative; right: 35px; text-align: right;}
.leftPart .card01 .hold3{float: right; position: relative; right: 35px;} 
.summaryRightArea .lable01{margin-left: 0px;}

.topField .formEleHold{padding: 10px 15px 1px; border-radius: 3px;}


/*Loader Start*/
.appStudio .tableHolder02 .loaderFull {top: 222px; position: absolute; left: 0px; width: 97%;}
.appStudio .boxBody .loaderFull {top: 0; width: 100%}

/*Loader end*/

.appStudio .displayBox{
    min-height: 400px;
}


/* Error Txt For App Studio Fields */
.appStudio .errorTxt {
    width: auto;
    line-height: 22px;min-width: 150px;
}
.appStudio .rangeInputClass{
    width: auto;
    display: inline-block;
}

.appStudio .fieldErr{
    width: 1%;
    background-color: #d96a26;;
    height: 100%;
}

.appStudio .leftPart .errorSign {
    font-size: 18px;
    color: red;
    line-height: 50px;
    margin: 0 0;
}


/* WARNING Box in AppStudio Forms*/
.appStudio .warningHeader{
    /*width: 36px;*/
    height: 36px;
    line-height: 36px;
}
.appStudio .warningHeader h4{
    font-size: 16px;
    vertical-align: bottom;color: #c62828;
}

.warningHeader .fa-info-circle:before{color: #c62828;}

/*.appStudio .warningBody{
    margin-left: 15px;
}*/
.appStudio .info02 {
/*    width: 400px;
    height: 90px;
    overflow: hidden;
    right: none;
    left: 0;
    top: 0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);background-color: #FFF4BC;
    padding: 0px 20px 0px 9px;    cursor: pointer;*/
    position: relative; display: inline-block; float: right; margin: 17px 5px 0 0;
}
.appStudio .info02 .fa{
    cursor: pointer;
}
.appStudio .info02 .btClose{
    width: 20px;
    height: 30px;
}
.icon-error:before {font-size: 20px; top: 4px; position: relative; margin-right: 2px;}
.leftPart .icon-error:before {top:0px;font-size: 20px;}
/*Monitor Formula Error Border*/
.appStudio .formulaError{border: 2px solid #e13e42;}

.appStudio .monitorBody .icon-error {float: none; line-height: 30px; display: inline-block; height: 30px; color: #FF2419;margin: 0}
.appStudio .monitorBody .icon-error:before {font-size: 19px; top: 3px; margin-right: 0;}

.info02 .headerMenu {
    position: absolute;
    top: 20px;
    right: -28px;
    color: #323232;
    width: 370px;
}

.info02 .arrowUp {
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid #fff8e1;
    border-left: 7px solid rgba(0, 0, 0, 0);
    display: inline-block;
    height: 0;
    width: 0;
    position: relative;
    right: -323px;
    z-index: 2;
}
.info02 .arrowUpBorder {
    right: -305px;
    border-bottom: 8px solid #C3C3C0;
    z-index: 1;
}
.info02 .headerMenu ul {
    border: 1px solid #cfd8dc;
    background-color: #fff8e1;
    border-radius: 3px;
    position: relative;
    top: -7px;
    z-index: 1;
}
.info02 .headerMenu li {
    padding: 5px 15px 5px;
    height: auto;
}

.iconInfo {
    background-image: url("../svg/info.svg");
    width: 18px;
    height: 18px; cursor: pointer;
}

/*Advance Setting start*/
.panel-title a:before {content: ""; background-image: url("../images/arrows.png"); width: 9px; height: 10px; display: inline-block; background-repeat: no-repeat; background-position: 0px 1px; margin-right: 8px;}
.panel-title a.collapsed:before {background-position: -9px 1px;}
.panel-collapse .panel-body {padding: 10px 15px 5px 15px;}
.panel-collapse .lable01 {margin-top: 10px;}
.panel-collapse .inputHold02 {margin-bottom: 15px;}
.panel-title {font-size: 14px;font-family: robotomedium;}

/*Advance Setting end*/

/*Fixed scroll start*/
.innerContent{overflow-x: hidden;}
.content02 {height: 480px; float: left; overflow-x: hidden;}
.mainRight{height: 660px; min-height: inherit;}
/*Fixed scroll end*/