#OauthButtons > .button {
    padding: 4px 32px;
    line-height: 20px;
    font-size: 10pt;
}

input, input:checked, select, a, a:active, a:visited, a:hover, a:link {
    outline: none;
}

.highcharts-yaxis-labels, .highcharts-grid {
    display: none;
}

.getFiles, .getFilesforTag {
    word-wrap: break-word;
}

.BCRFList {
    float: left;
}

.user_navigation li {
    display: inline-block;
}

.body {
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Open Sans', sans-serif;
}

.container1 {
    padding-top: 80px;
}

@media (min-width: 320px) {
    .col-md-71 {
        float: left;
    }
}

.col-md-71 {
    width: 51%;
}

.col-md-72 {
    position: relative;
    min-height: 1px;
}

@media (min-width: 320px) {
    .col-md-72 {
        float: right;
    }
}

.col-md-72 {
    width: 45%;
}

.fright {
    float: right;
}

.signupform {
    width: 610px;
    height: 540px;
    box-shadow: 0 0 5px;
    background-size: 100% 100%;
    border: 1px solid #808080;
    background-repeat: no-repeat;
    margin: 8% auto 0;
}

.width {
    width: 100%
}

.padding-2 {
    padding-left: 7%;
    padding-right: 7%;
}

.padding-top {
    padding-top: 7%;
}

.padding-1 {
    padding-left: 15px;
    padding-right: 15px;
}

.defaultFloat {
    width: 100%;
    float: left;
}

.userdetails {
    width: 200px;
    float: right;
    border-left: 1px solid #818181;
}

.homenav {
    height: 60px;
    float: left;
    width: 900px;
    font-size: 14px;
    font-style: normal;
    padding-top: 26px;
    text-align: center;
    color: #2bb5d8;
}

.searchbox {
    width: 218px;
    float: right;
    padding-top: 7px;
    position: relative;
}

.searchbox .searchstyle {
    width: 26px;
    height: 24px;
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -3px -116px;
    position: absolute;
    top: 11px;
    right: -5px;
    z-index: 99999;
}

.searchbox input.search {
    border: 1px solid #024a5b;
    margin-left: 9px;
}

.content-wrapper {
    position: relative;
}

/* Main nav styles */
.mainNav {
    background-color: #f9f9f9;
    border-radius: 0;
    padding: 0;
}

.navbar-brand {
    background: url(../img/CFHome.png) no-repeat;
    float: left;
    height: 42px;
    width: 75px;
    text-indent: -200px;
    margin: 10px;
}

.navbar-nav a {
    color: #696a6f;
}

.navbar-nav a:hover, .navbar-nav a.active {
    color: #2bb5d8;
}

.nav.navbar-nav > li > a:hover, .nav.navbar-nav > li > a:focus {
    background-color: transparent;
}

.nav.navbar-nav .dropdown > a {
    padding-top: 2px;
    padding-bottom: 0;
}

.nav.navbar-nav.navbar-right {
    margin: 1%;
}

.nav.navbar-nav.navbar-right .dropdown > a {
    padding: 2px 22px 2px 22px;
    /* border-left: 1px solid #ccc; */
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.nav.navbar-nav.navbar-right .dropdown.open > a {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-bottom: 1px solid transparent;
}

/* Left nav styles */
#sidebar-wrapper {
    float: left;
    width: 17%;
    border-right: 1px solid #d0d0d0;
    position: relative;
}

#sidebarContent {
    margin-bottom: 47px;
}

#driveContainer ul li.tags a:hover {
    padding-left: 5px;
    margin-left: 43px !important;
}

.sidebar {
    width: 100%;
    float: left;
}

.sidebar.header {
    border-bottom: 1px solid #d0d0d0;
}

#sidebar-wrapper .defaultDrives {
    float: left;
    padding: 10px 0 20px;
}

#sidebar-wrapper .sidebar > .nav.nav-list {
    padding-bottom: 60px;
}

.contentWrapper {
    float: left;
    width: 100%;
    padding: 0 15px;
    height: 39px;
}

#actionPanel.maincontent2 {
    float: left;
    width: 100%;
    padding: 0 15px;
    height: 55px;
}

.homelogo {
    width: 90px;
    height: 60px;
    float: left;
}

.sidebar2 {
    width: 200px;
    height: 81px;
    float: left;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-left: 20px;
}

.sidebar3 {
    width: 17.5%;
    height: 455px;
    float: left;
    border-right: 1px solid black;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Right content styles */
.mainNav .navbar-nav > li {
    float: none !important;
    text-align: center;
    display: inline-block !important;
}

#actionPanel {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}

.maincontent3 {
    height: 20px;
    float: right;
    background-color: #ffffff;
    position: absolute;
    bottom: 40px;
    right: 15px;
}

.maincontent4 {
    height: 400px;
    float: right;
    width: 940px;
    padding: 20px;
    overflow-y: auto;
}

.fileselectcount {
    padding-top: 5px;
    text-align: right;
    padding-right: 20px;
}

.footer {
    position: fixed;
    bottom: 0;
    margin-left: 0;
    right: 0;
    left: 0;
    height: 25px;
    background-color: #F9F9F9;
    border-top: solid #DADADA 1px;
    z-index: 999999;
}

.footerlinks {
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    color: grey;
}

.maincontent0 {
    height: 64px;
}

.foldername {
    font-size: 26px;
    float: left;
}

#secondary .refresh {
    float: right;
    width: 32px;
    height: 32px;
}

* {

}

.breadcrum {
    float: left;
    margin-top: 10px;;
}

.categoty {
    height: 55px;
    width: 284px;
    align-content: center;
    padding-top: 15px;
    float: left;
}

#breadCrumbdync {
    margin: 0;
    padding: 0;
}

ul#breadCrumbdync, ul#breadCrumbdync li, #breadCrumbdync label {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal;
}

ul#breadCrumbdync li:last-child label {
    color: #8B8B8B !important;
}

.homeselect {
    width: 130px;
    border: 1px solid #ccc;
}

.filecontrols {
    float: left;
}

.fileCreatecontrols {
    float: right;
    position: absolute;
    right: 102px;
    margin-top: 14px;
}

.fileCreatecontrols .filecontrolicon {
    margin-right: 10px;
}

.fileview {
    height: inherit;
    float: right;
    margin: 15px 0;
    position: relative;
}

.filecount {
    height: 30px;
    width: 100%;
}

#sidebar-wrapper .addcloud {
    width: 86%;
    position: absolute;
    bottom: 36px;
    left: 7%;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
}

.filecontrolicon {
    float: left;
    height: 54px;
}

.grid {
    width: 25px;
    height: 26px;
    float: left;
    background: url(../img/FinalSprite.png?ver=1231) -28px -605px;
    margin-left: 5px;
}

.list {
    width: 25px;
    height: 26px;
    float: left;
    background: url(../img/FinalSprite.png?ver=1231) -1px -605px;
}

#ThumbnailContent .file, #WorkspaceContent .file {
    width: 115px;
    float: left;
    margin: 6px 6px 3px;
    position: relative;
}

#ThumbnailContent .file {
    width: 115px;
    float: left;
    margin: 6px 6px 3px;
    position: relative;
}

#ThumbnailContent .file.selected, #WorkspaceContent .file.selected {
    background-color: #eee;
}

#ThumbnailContent .file.selected {
    background-color: #eee;
}

#ThumbnailContent .file .fileCheck, #WorkspaceContent .file .fileCheck {
    display: none;
}

#ThumbnailContent .file .fileCheck {
    display: none;
}

#ThumbnailContent .file.active .fileCheck, #WorkspaceContent .file.active .fileCheck {
    position: absolute;
    top: 90px;
    right: 8px;
    display: block;
}

#ThumbnailContent .file.active .fileCheck {
    position: absolute;
    top: 90px;
    right: 8px;
    display: block;
}

#ThumbnailContent .filethumbnail, #WorkspaceContent .WSthumbnail {
    width: 115px;
    height: 115px;
    border: 1px solid #d0d0d0;
    float: left;
}

#ThumbnailContent .filethumbnail {
    width: 115px;
    height: 115px;
    border: 1px solid #d0d0d0;
    float: left;
}

#ThumbnailContent .addFilethumb .filethumbnail, #WorkspaceContent .addFilethumb .WSthumbnail {
    background: url(../img/AddFile.png) center center;
}

#ThumbnailContent .addFilethumb .filethumbnail {
    width: 115px;
    height: 115px;
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -387px -324px;
}

#ThumbnailContent .file.checked .filethumbnail, #ThumbnailContent .file > a.filethumbnail:hover {
    border: 5px solid #086CA2;
}

#WorkspaceContent .file.active .WSthumbnail, #WorkspaceContent .file > a.WSthumbnail:hover {
    border: 5px solid #086CA2;
}
#SHAREPOINT_CONSUMER_HYBRID.Driveicon1 {
    background: url(../img/drive/circle/SHAREPOINT_ONLINE_HYBRID.png?ver=1221);
    height: 54px;
    width: 54px;
}

.file.addFilethumb .filename {
    text-align: center;
    float: left;
}

.filename {
    font-size: 12px;
    text-align: left;
    display: block;
    width: 116px;
}

.filesize {
    text-align: left;
    font-size: 12px;
}

#WorkspaceContent .filename {
    text-align: center;
    float: left;
    padding-top: 5px;
}

/* Thumbnail Content styles */
#ThumbnailContent, #WorkspaceContent {
    padding: 10px 15px;
}

.btn1 {
    display: inline-block;
    padding: 6px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
}

.padding-top1 {
    padding-top: 5%;
}

.invert-filecontrol {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -60px -125px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.filecontrol-title {
    width: 49px;
    height: 10px;
    float: left;
    text-align: center;
    font-size: 10px;
}

.copy-filecontrol {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -60px -202px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.category-filecontrol {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -1px -310px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.workspace-filecontrol {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -606px -262px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.paste-filecontrol {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -67px -225px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.moveto-filecontrol {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -59px -285px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.share-filecontrol {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -60px -323px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.download-filecontrol {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -58px -407px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.delete-filecontrol {
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.CreateFolder-filecontrol, .CreateFile-filecontrol {
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.CFCreateFolder {
    width: 30px;
    height: 30px;
    background: url(../img/FinalSprite.png?ver=1231) -60px -499px;
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 13px;
    border: 0;
}

.CFUploadFiles {
    width: 30px;
    height: 30px;
    background: url(../img/FinalSprite.png?ver=1231) -770px -64px;
    display: block;
    float: left;
    cursor: pointer;
    border: 0;
}

.sidebarcontrols {
    width: 100%;
    height: 30px;
    float: left;
}

.allicon {
    width: 32px;
    height: 32px;
    float: left;
}

.recenticon {
    width: 32px;
    height: 32px;
    float: left;
}

.favicon {
    width: 32px;
    height: 32px;
    float: left;
    margin-top: 4px;
}

.shareByme {
    width: 32px;
    height: 32px;
    float: left;
}

.shareWithme {
    width: 32px;
    height: 32px;
    float: left;
}

.categoryicon {
    width: 32px;
    height: 32px;
    float: left;
}

.tagicon {
    width: 30px;
    height: 30px;
    float: left;
    opacity: 0.7;
}

#sidebar-wrapper .googleDriveicon {
    width: 32px;
    height: 25px;
    background: url(../img/FinalSprite.png?ver=1231) -180px -385px;
    float: left;
}

#sidebar-wrapper .dropBoxicon {
    width: 32px;
    height: 25px;
    background: url(../img/FinalSprite.png?ver=1231) -180px -434px;
    float: left;
}

#sidebar-wrapper .Boxicon {
    width: 32px;
    height: 25px;
    background: url(../img/FinalSprite.png?ver=1231) -180px -485px;
    float: left;
}

#sidebar-wrapper .nav-header {
    padding-top: 3px;
}

#sidebar-wrapper .nav-header.sidebarcontroltext {
    padding-top: 6px;
    cursor: pointer;
}

.sidebarcontroltext {
    color: #0d0d0d;
    float: left;
    padding-top: 5px;
    font-size: 14px;
    font-weight: normal;
}

#sidebar-wrapper .mydrives {
    font-size: 22px;
    width: 100%;
    float: left;
    padding-bottom: 15px;
}

.padding-3 {
    padding-top: 150px;
    padding-bottom: 20px;
}

.refreshicon1, .refreshicon {
    width: 36px;
    height: 32px;
    float: right;
    margin: 33px 0;
    cursor: pointer;
}

.search {
    outline: 0;
    position: absolute;
    -moz-padding-end: 70px;
    -webkit-padding-end: 28px;
    padding-left: 10px;
}

.drivecontent {
    width: 100%;
    height: auto;
    float: left;
}

.drivecontent .nav {
    float: left;
    width: 100%;
}

.gdriveicon {
    width: 36px;
    height: 26px;
    background: url(../img/FinalSprite.png?ver=1231) -289px -310px;
    float: left;
    display: inline-block;
    vertical-align: super;
}

.badge1 {
    display: inline-block;
    min-width: 35px;
    padding: 4px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #5baee2;
    border-radius: 10px;
    float: right;
    margin-top: 2px;
}

.filecontrol-title1 {
    width: 60px;
    font-size: 10px;
}

.filecontrolicon1 {
    width: 100px;
}

.addcloudbg {
    float: left;
    width: 30px;
    height: 22px;
}

.emailbg {
    width: 24px;
    height: 34px;
    background: url(../img/FinalSprite.png?ver=1231) -236px -238px;
    position: absolute;
    border: none;
}

.pwdbg {
    width: 24px;
    height: 34px;
    background: url(../img/FinalSprite.png?ver=1231) -236px -269px;
    display: inline-block;
    position: absolute;
}

.radio1 {
    width: 16px;
    height: 16px;
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -73px -267px;
}

.btn2 {

    display: inline-block;
    padding: 6px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
}

.button-margins {
    margin-left: 5%;
    margin-right: 5%;
}

.padding-top3 {
    padding-top: 9%;
    padding-left: 6%;
    margin-left: 7%;
}

.padding-top2 {
    margin-top: 22%;
}

.padding-f {
    margin-top: 5%;
}

.title1 {

    font-size: 25pt;
    font-style: normal;
    color: #000000;
    text-align: center;
    font-weight: 400;
}

.width1 {
    width: 85%;
}

.padding-top4 {
    margin-top: 7%
}

.title4 {
    font-size: 12pt;
    font-style: normal;
    color: #000000;
    font-weight: 100;
    text-align: center;
}

/* List view styles */
#ListContent {
    float: left;
    width: 100%;
    margin-top: -1px;
    /*padding:15px;*/
}

#ListContent .btn {
    float: right;
}

#ListContent .panel-default > .panel-heading {
    height: 47px;
    background-color: transparent;
    padding: 5px 15px;
}

#ListContent .panel-default > .panel-heading > .panel-title {
    color: #2bb5d8;
    padding-top: 8px;
}

#ListContent .panel-body {
    padding: 0;
    font-size: 12px;
}

#ListContent .panel-data {
    width: 100%;
    float: left;
    border-top: 1px solid #e9e9e9;
    padding: 8px 0;
    height: 36px;
}

#ListContent .panel-data:hover {
    background-color: #e9e9e9;
}

#ListContent .panel-data.heading {
    color: #2bb5d8;
    background-color: #f9f9f9;
    font-weight: 700;
    position: fixed;
    z-index: 999;
    height: 39px;
    width: 83%;
}

#ListContent .LVcheckBox {
    width: 5%;
    float: left;
    padding: 0 15px;
}

#LVContentHeader .LVHcheckBox {
    width: 5%;
    float: left;
    padding: 6px 15px 0;
}

#LVWContentHeader .LVHcheckBox {
    width: 5%;
    float: left;
    padding: 6px 15px 0;
}

#ListContent .LVfileName {
    width: 38%;
    float: left;
    cursor: pointer;
}

#ListContent .LVBack {
    width: 32px;
    height: 18px;
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -633px -271px;
    margin-left: 20px;
}

#LVContentHeader .LVHfileName {
    width: 37%;
    float: left;
    cursor: pointer;
    padding-top: 6px;
    margin-left: 7px;
}

#LVWContentHeader .LVHfileName {
    width: 38%;
    float: left;
    cursor: pointer;
    padding-top: 6px;
}

#ListContent .LVfileName a {
    color: #333;
}

#ListContent .LVfileName a:hover {
    color: #2bb5d8;
}

#ListContent .LVDetails {
    width: 10%;
    float: left;
}

#LVContentHeader .LVHDetails {
    width: 10%;
    float: left;
    padding-top: 6px;
}

#LVWContentHeader .LVHDetails {
    width: 10%;
    float: left;
    padding-top: 6px;
}

#ListContent .LVFavorites {
    width: 7%;
    float: left;
    text-align: center;
}

#LVContentHeader .LVHFavorites {
    width: 7%;
    float: left;
    text-align: center;
    padding-top: 6px;
}

#LVWContentHeader .LVHFavorites {
    width: 7%;
    float: left;
    text-align: center;
    padding-top: 6px;
}

#ListContent .LVfileSize {
    width: 10%;
    float: left;
    text-align: center;
}

#LVContentHeader .LVHfileSize {
    width: 10%;
    float: left;
    text-align: center;
    padding-top: 6px;
}

#LVWContentHeader .LVHfileSize {
    width: 10%;
    float: left;
    text-align: center;
    padding-top: 6px;
}

#ListContent .LVdrive {
    width: 20%;
    float: left;
}

#LVContentHeader .LVHdrive {
    width: 20%;
    float: left;
    padding-top: 6px;
    cursor: pointer;
}

#LVWContentHeader .LVHdrive {
    width: 14%;
    float: left;
    padding-top: 6px;
}

#ListContent .LVaddedDate {
    width: 9%;
    float: left;
}

#LVContentHeader .LVHaddedDate {
    width: 9%;
    float: left;
    padding-top: 6px;
    cursor: pointer;
}

#LVWContentHeader .LVHaddedDate {
    width: 9%;
    float: left;
    padding-top: 6px;
}

#ListContent .LVmodifiedDate {
    width: 8%;
    float: left;
}

#LVContentHeader .LVHmodifiedDate {
    width: 11%;
    float: left;
    padding-top: 6px;
    cursor: pointer;
}

#LVWContentHeader .LVHmodifiedDate {
    width: 11%;
    float: left;
    padding-top: 6px;
    cursor: pointer;
}

#LVContentHeader .panel-data.heading {
    height: 39px;
    color: #2bb5d8;
    background-color: #f9f9f9;
    font-weight: 700;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    padding-top: 4px;
}

#LVWContentHeader .panel-data.heading {
    height: 39px;
    color: #2bb5d8;
    background-color: #f9f9f9;
    font-weight: 700;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    padding-top: 4px;
}

/* Meta data styles */
.previewthumb {
    height: auto;
    overflow: hidden;
}

.metadata {
    margin-top: 5px;
}

.metadatacontrols {
    margin-top: 5px;
    height: 80px;
}

.metadatacontrols input.form-control {
    border-radius: 0;
}

.defaultFloat.Metacontainer {
    background-color: #475359;
    padding: 10px;
    border: 5px solid #086CA2;
    max-height: 431px;
    margin: 0 3% 0 1.2%;
    width: 97%;
    position: relative;
}

.defaultFloat.Metacontainer:after {
    content: '';
    position: absolute;
    top: -14px;
    left: 38%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #086CA2 transparent;
}

.buttonMask {
    opacity: 0.5;
    cursor: default;
    background-color: #000;
}

.Metacontainer > .col-md-4, .Metacontainer > .col-md-8 {
    padding: 0;
}

.Metacontainer > .col-md-4 {
    padding-right: 10px;
}

.Metacontainer .metadata p {
    color: #fff;
}

.Metacontainer p {
    margin-bottom: 2px;
}

.Metacontainer .panel.panel-default {
    border-radius: 0;
}

/* Scroll Bar*/
#accessTypeContainer::-webkit-scrollbar {
    width: 3px;
    height: 40px;
}

#accessTypeContainer::-webkit-scrollbar-thumb {
    background-color: #000000;
}

/*Access Type Styles*/
#accessTypeContainer {
    width: 200px;
    padding: 5px;
    position: absolute;
    top: 0;
    right: -300px;
    background-color: #fff;
    box-shadow: 0 0 10px;
    margin-top: 12px;
}

#accessTypeContainer .accessTypeSidebar {
    width: 100%;
    overflow-y: auto;
    float: right;
}

#accordion > .panel {
    border: none;
}

#accordion > .panel-default > .panel-heading {
    background-color: #fff;
}

#AaccessType > .panel-body > .form-control, #AaccessType > .panel-body > .input-append > .form-control {
    margin-top: 10px;
    border-radius: 0;
    padding: 6px 11px;
}

#AaccessType > .panel-body {
    border-bottom: 1px solid #dddddd;
}

.accessTypeSidebar > .defaultFloat {
    margin-top: 2px;
    margin-bottom: 2px;
}

#mainContentWrapper {
    position: relative;
    max-height: 525px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0 10px;
}

/*Add Work Space Style Code*/
.addWorkspaceSidebar {
    width: 22%;
    padding-top: 10px;
    padding-left: 15px;
}

.addWorkspaceSidebar .nav > li > a {
    padding: 4px 15px !important;
}

.sharePwd {
    padding: 0;
    width: 100%;
    float: left;
    margin: 10px 0;
}

.sharePwd .pwd {
    margin-left: 0;
    width: 43%;
}

.colorcoding {
    margin-top: 20px;
    margin-bottom: 15px;
}

.colorchoose-grey {
    width: 30px;
    height: 15px;
    background-color: #b4b2b2;
    display: inline-block;
    margin-left: 10px;
    border-radius: 3px;
}

.colorchoose-green {
    width: 30px;
    height: 15px;
    background-color: #7fe37f;
    display: inline-block;
    margin-left: 10px;
    border-radius: 3px;
}

.colorchoose-orange {
    width: 30px;
    height: 15px;
    background-color: #f4b33d;
    display: inline-block;
    margin-left: 10px;
    border-radius: 3px;
}

.colorchoose-red {
    width: 30px;
    height: 15px;
    background-color: #f50b0b;
    display: inline-block;
    margin-left: 10px;
    border-radius: 3px;
}

.removetag {
    margin-bottom: 20px
}

.alert-dismissable .close1 {
    top: -2px;
    right: -21px;
    color: inherit;
}

.tagbuttons {
    margin-right: 10px;
}

.addWorkspaceSidebar::-webkit-scrollbar {
    width: 3px;
    height: 40px;
}

.addWorkspaceSidebar::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.CFLcheckbox {
    display: block;
    min-height: 20px;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 10pt;
    color: #949494;
    font-weight: 100;
    margin-right: 10px;
}

.addCloudContainer {
    width: 100%;
    margin: 0 auto;
    border: 5px solid #409ad3;
    border-radius: 7px;
    float: left;
    background-color: #fff;
}

.addCloudContent {
    width: 73%;
    padding-top: 25%;
    height: 550px;
}

.CloudDriveStyle {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
}

.CloudDrive-padding {
    margin-left: 133px;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

.Cloudtitle-padding {
    margin-left: -21px;
    font-size: 16px;
}

.addCloudSidebar {
    width: 27%;
    height: 550px;
    border-right: 1px solid gray;
    padding-left: 20px;
    padding-top: 25px;
}

.Cloudtitle1-padding {
    margin-left: -52px;
    font-size: 16px;
}

.Cloudtitle2-padding {
    margin-left: -101px;
    font-size: 16px;
}

.Cloudtitle3-padding {
    margin-left: -61px;
    font-size: 16px;
}

.Cloudtitle4-padding {
    margin-left: -51px;
    font-size: 16px;
}

.Cloudtitle5-padding {
    margin-left: -78px;
    font-size: 16px;
    padding-top: 7px;
}

.Cloud-main-Title {
    color: #1c98e6;
    font-size: 28px;
    margin-bottom: 23px;
}

.AddTextFieldWidth {
    width: 86%;
}

.deleteContainer {
    width: 44%;
    margin: 0 auto;
    border: 5px solid #409ad3;
    padding-top: 7%;
    border-radius: 7px;
    height: 300px;
}

.padding-delete {
    padding-top: 163px;
    height: 100px;
}

.del-content {
    font-size: 21px;
    color: #010107;
    left: 15%;
    top: 30%;
    padding-top: 90px;
    padding-left: 106px;
    height: 20%;
}

.padding-del {
    padding-right: 7px;
    padding-left: 49px;
    padding-top: 17px;
}

#myModal > div > button {
    margin-top: 5px;
}

#CFUname, #CFPwd.form-control {
    border-radius: 0;
}

/*sidebar styles*/
#sidebar-wrapper {
    width: 240px;
    position: fixed;
    top: 63px;
    bottom: 0;
}

.category {
    width: 210px;
    position: relative;
}

.drivecontent ul.nav-list li:hover, .drivecontent ul.nav-list li a:hover {
    background: transparent !important;
}

.category .slimScrollDiv, .driveContainer {
    display: none;
}

.categoryInput, .CFTHCreateFolder {
    width: 77%;
    height: 20px;
    margin-bottom: 0;
}

.categoryInput1 {
    outline: 0;
    padding-left: 5px;
    border: 1px solid #CCC;
    margin-left: 5px !important;
    width: 56%;
    height: 21px;
}

.tagInput {
    outline: 0;
    padding-left: 5px;
    border: 1px solid #CCC;
    margin-left: 42px !important;
    width: 56%;
    height: 21px;
}

.ctRemove {
    font-style: normal;
    cursor: pointer;
}

.tagRemove {
    margin: 6px;
    font-style: normal;
    cursor: pointer;
}

.customCategory a, .tags a {
    width: 84%;
    float: left;
}

.tags a {
    width: 75%;
}

.editCategory, .editTag {
    float: right;
    width: 19px;
    height: 20px;
    cursor: pointer;
    margin-left: 4px;
}

.CFUbuntuSubmit {
    width: 19px;
    height: 20px;
    background: url(../img/FinalSprite.png?ver=1231) -389px -289px;
    position: absolute;
    z-index: 99999;
    margin-top: 102px;
    margin-left: 161px;
}

.removeTag, .ctRemove, .CancelCategoryEdit, .tageditcancel, .RenameCancel, .FolderCancel {
    float: right;
    cursor: pointer;
}

.editCategory:hover {
    color: #fff !important;
}

.removeCategory {
    margin-left: 0;
    margin-right: 0;
    float: right;
}

.RenameCancel {
    margin: 5px 4px 15px 0;
}

.OkCategoryEdit, .RenameOk, .FolderOk {
    float: right;
    width: 19px;
    height: 20px;
    cursor: pointer;
    margin-left: 4px;
}

.emailOk {
    float: right;
    margin-top: 13px;
    cursor: pointer;
}

.emailAddOk {
    float: right;
    margin-top: 13px;
    cursor: pointer;
}

.RenameOk {
    margin-top: 4px;
}

.FolderOk, .FolderCancel {
    float: left;
    margin-top: 3px;
}

.ctRemove {
    margin-top: 1px;
}

.driveToggle {
    width: 21px;
    height: 21px;
    float: right;
    margin-top: 5px;
    cursor: pointer;
}

#addCategory {
    height: 20px;
    cursor: pointer;
}

.addCategory {
    float: left;
    height: 12px;
    width: 14px;
    margin: 0 0 0 15%;
}

#addTag {
    width: 36%;
    height: 20px;
    cursor: pointer;
    margin-left: 32px;
}

.addTag {
    float: left;
    height: 12px;
    width: 14px;
    margin: 0 0 0 15%;
}

.panel {
    border-radius: 0;
}

.panel-default {
    border: none;
}

.panel-heading {
    display: none;
}

#accordion > div > div.panel-heading {
    display: block;
}

#page-header {
    position: fixed;
    z-index: 99;
    left: 281px;
    right: 0;
    background: #fff;
}

.mainNav {
    position: fixed;
    width: 100%;
}

td.Driveicon {
    width: 0;
    height: 0;
    float: none;
}

/*.Driveicon {
    width: 35px;
    height: 26px;
    float: left;
    display: inline-block;
    vertical-align: super;
}

#SHARED_DRIVES.Driveicon {
   background: url('../img/PNG/shareddrives2.png?ver=1221') 1190px 360px;
    height: 30px;
}
#SHAREPOINT_CONSUMER_HYBRID.Driveicon {
    background: url('../img/drive/spo-hhc.png?ver=1221') 1190px 338px;
}
#G_DRIVE.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px -1238px;
}
#G_SUITE.Driveicon {
    background-image: url(../img/drive/G_SUITE1.png);
    background-repeat: no-repeat;
}
#GOOGLE_STORAGE.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px 314px;
}
#GOOGLE_SHARED_DRIVES.Driveicon {
    background-image: url(../img/drive/GOOGLE_SHARED_DRIVES.png);
    background-repeat: no-repeat;
}
#NETWORK_FILESHARE.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px -1395px;
}

#BOX.Driveicon,#BOX_BUSINESS.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px -369px;
}

#ALFRESCO.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -125px -269px;
}

#DROP_BOX.Driveicon,#DROPBOX_BUSINESS.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px -725px;
}

#EGNYTE_STORAGE.Driveicon,#EGNYTE_ADMIN.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px -875px;
}

#WALRUS.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -168px -269px;
}

#DOCUMENTUM.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -168px -351px;
}

#SHAREFILE.Driveicon,#SHAREFILE_BUSINESS {
    background: url('../img/moveSprite.png?ver=1231') 1200px -574px;
}

#SKYDRIVE.Driveicon, #ONEDRIVE.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px 832px;
}

#WEBDAV.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -124px -309px;
}

#SUGAR_SYNC.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -167px -310px;
}

#CMIS.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -127px -351px;
}

#UBUNTU.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -126px -396px;
}

#FTP.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px -1083px;

}

#AMAZON.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px -188px;
}
#WASABI.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px 204px;
    width: 25px;
    height: 25px;
    margin-top: 1px;
    margin-right: 10px;

}

#SHAREPOINT_2013.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -126px -565px;
}

#SHAREPOINT_2010.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -124px -228px
}

#CLOUDIAN.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -126px -591px;
}

#AZURE_OBJECT_STORAGE.Driveicon {
    background: url(../img/drive/azurem.png);
    background-repeat: no-repeat;
}

#NTLM_STORAGE.Driveicon {
    background: url('../img/PNG/nfsnm.png?ver=1221') 1190px -1405px;
}

#ORANGE.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -92px -589px;
}

#YANDEX_DISK.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -93px -641px;
}

#AXWAY.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -92px -562px;
}
#SYNCPLICITY.Driveicon {
    background: url(../img/PNG/SYNCPLICITY.png) -100px -574px;
    width:26px;
}

#SALES_FORCE.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -90px -535px;
}

#ONEDRIVE_BUSINESS.Driveicon,#ONEDRIVE_BUSINESS_ADMIN.Driveicon {
    background: url('../img/moveSprite.png?ver=1231') 1200px 983px;
}

#CIFS.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -90px -503px;
}

#COPY.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -169px -591px;
}

#AMAZON_STORAGE.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -93px -473px;
}

#CENTURYLINK.Driveicon {
    background: url(../img/FinalSprite.png?ver=1231) -92px -444px;
    background-repeat: no-repeat;
}

#SHAREPOINT_ONLINE.Driveicon,#SHAREPOINT_ONLINE_BUSINESS.Driveicon,#SHAREPOINT_ONLINE_CONSUMER.Driveicon  {
    background:url('../img/moveSprite.png?ver=1231') 1200px 582px;
}
#SHAREPOINT_CONSUMER_HYBRID.Driveicon1 {
    background: url(../img/drive/circle/SHAREPOINT_ONLINE_HYBRIDCONSUMER.png?ver=1221);
    height: 54px;
    width: 54px;
}
#SPARK_BUSINESS.Driveicon1 {
    background: url(../img/drive/circle/SPARK_BUSINESS.png?ver=1221);
   }

.Driveicon1 {
    height: 50px;
    width: 50px;
    float: left;
    display: inline-block;
    vertical-align: super;
}

#G_DRIVE.Driveicon1{
    background: url(../img/cloudIcons.png?ver=1221) -960px -468px;
}
#SHARED_DRIVES.Driveicon1 {
    background: url(../img/PNG/shareddrives1.png?ver=1221);
}

#G_SUITE.Driveicon1 {
    background: url(../img/PNG/googlesuite2.png) -1053px -500px;
}
#GOOGLE_STORAGE.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -1020px -468px;
}
#GOOGLE_SHARED_DRIVES.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1221) -960px -468px;
}
#NETWORK_FILESHARES.Driveicon1 {
    background: url(../img/PNG/nfsnew1.png) -950px -447px;
}

#BOX.Driveicon1,#BOX_BUSINESS.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -300px -468px;
}

#ALFRESCO.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) 0 -468px;
}

#DROP_BOX.Driveicon1,#DROPBOX_BUSINESS.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -780px -470px;
    height: 46px;
}

#EGNYTE_STORAGE.Driveicon1,#EGNYTE_ADMIN.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -840px -468px;
    height: 48px;
}

#WALRUS.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2519px -468px;
}

#DOCUMENTUM.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -660px -468px;
}

#SHAREFILE.Driveicon1,#SHAREFILE_BUSINESS {
    background: url(../img/cloudIcons.png?ver=1231) -480px -468px;
}

#SKYDRIVE.Driveicon1, #ONEDRIVE.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -1380px -468px;
}

#WEBDAV.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2639px -468px;
}

#SUGAR_SYNC.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2339px -468px;
}

#CMIS.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -600px -468px;
}

#UBUNTU.Driveicon1 {
    background: url(../img/FinalSprite.png?ver=1231) -126px -396px;
}

#FTP.Driveicon1 {
    background: url(../img/PNG/ftpnew1.png) -900px -450px;
}

#AMAZON.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -60px -468px;
}
#WASABI.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2579px -468px;

}

#SHAREPOINT_2013.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2279px -468px;
}

#SHAREPOINT_2010.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2219px -468px;
}

#CLOUDIAN.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -540px  -468px;
}

#AZURE_OBJECT_STORAGE.Driveicon1 {
    background: url(../img/PNG/azurenew1.png) -950px -447px;
}

#NTLM_STORAGE.Driveicon1 {
    background: url(../img/PNG/nfsmn.png?ver=1221) -1200px -450px;
}

#ORANGE.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -1810px -468px;
}

#YANDEX_DISK.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2699px -473px;
}

#AXWAY.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -180px -468px;
    height: 24px;
}
#SYNCPLICITY.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2399px -468px;
}

#SALES_FORCE.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2099px -468px;
}

#ONEDRIVE_BUSINESS.Driveicon1,#ONEDRIVE_BUSINESS_ADMIN.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -1440px -468px;
}
#ONEDRIVE_BUSINESS_ADMIN_HYBRID.Driveicon1{
    background:url(../img/cloudIcons.png?ver=1221) -1380px -468px;
}
#CIFS.Driveicon1 {
    background: url(../img/PNG/cifsnew1.png) -420px -468px;
}

#COPY.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -2519px -468px;
}

#AMAZON_STORAGE.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -120px -468px;
}

#CENTURYLINK.Driveicon1 {
    background: url(../img/cloudIcons.png?ver=1231) -360px -468px;
}

#SHAREPOINT_ONLINE.Driveicon1,#SHAREPOINT_ONLINE_BUSINESS.Driveicon1,#SHAREPOINT_ONLINE_CONSUMER.Driveicon1  {
    background: url(../img/cloudIcons.png?ver=1231) -2159px -468px;
}
#SHAREPOINT_ONLINE_HYBRID.Driveicon1 {
  background: url(../img/drive/circle/SHAREPOINT_ONLINE_HYBRID.png?ver=1221);
    height: 54px;
    width: 54px;
}

*/
/* Responsive styles*/
@media (min-width: 310px) and (max-width: 1024px) {
    #page-header {
        left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #sidebar-wrapper {
        width: 210px;
    }

    .navbar-left {
        margin-left: 0 !important;
        position: absolute;
        left: 89px;
        right: 215px;
        text-align: center;
        margin-top: 11px;
    }

    .navbar-nav > li {
        float: initial !important;
        text-align: center;
        display: inline-block;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 4px;
    }

    .nav.navbar-nav.navbar-right {
        margin: 18px 10px;
    }

    #actionPanel.maincontent2 {
        height: 96px;
    }

    .categoty {
        height: 40px;
    }
}

@media (min-width: 1024px) {
    .navbar-left {
        margin-left: 0 !important;
        position: absolute;
        left: 210px;
        right: 215px;
        text-align: center;
        margin-top: 6px;
    }

    .navbar-nav > li {
        float: initial !important;
        text-align: center;
        display: inline-block;
    }
}

/*Meta data shared with*/
.comments-data .panel-body {
    max-height: 150px;
    overflow-y: scroll;
}

.comments-data p {
    margin: 14px;
}

.shared-data p span {
    display: inline-block;
    width: 45%;
    color: #2A6496;
}

.shared-data p i {
    width: 5%;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.shared-data p input {
    display: inline-block;
    width: 10%;
}

.deleteEmails {
    display: inline-block;
    width: 5%;
}

.shareEmails {
    display: inline-block;
    width: 45%;
    margin: 6px 0;
}

.readEmail, .editEmail, .coOwnerEmails {
    display: inline-block;
    width: 10%;
    margin: 6px 0;
    text-align: center;
}

.addEmail {
    background: #F9F9F9;
    padding: 3px 0;
}

.addNewemail, .cancleUpdate {
    float: right;
    font-style: normal;
    /*
    font-size: 12px;
    border: 1px solid #E2E2E2;
    margin: 0px 5px;
    color: #2E2E2E; */
    cursor: pointer;
}

.cancleUpdate {
    display: none;
}

.addEmail input[type="text"] {
    display: inline-block;
    width: 45%;
    border: 1px solid #ccc;
}

.addEmail input[name="readEmail"], .addEmail input[name="editEmails"], .addEmail input[name="coOwnerEmails"] {
    display: inline-block;
    width: 10%;
}

.tags-data p {
    margin: 5px 10px;
}

.ms-ctn {
    float: inherit !important;
    margin: 10px !important;
}

.ms-ctn {
    font-size: 12px !important;
    border-radius: 0 !important;
}

.ms-res-ctn {
    height: 100px !important;
}

.fileTag {
    display: inline-block;
    width: 40%;
    font-style: normal;
}

.editFileTag, .removeFileTag {
    font-style: normal;
    display: inline-block;
    margin: 0 5px;
    padding: 6px 5px;
    cursor: pointer;
}

.editFileTag {
    background: url(../img/FinalSprite.png?ver=1231) -348px -89px;
}

.removeFileTag {
    background: url(../img/FinalSprite.png?ver=1231) -345px -287px;
}

.thisVal {
    border: 1px solid #CCC;
    height: 21px;
}

.commentContainer {
    float: left;
    width: 100%;
}

.comments-data input[type="textarea"] {
    border: 1px solid #CCC;
    border-radius: 0;
    float: left;
    width: 79%;
    margin: 2%;
}

.comments-data button {
    float: left !important;
    margin: 2%;
    border-radius: 0;
}

.ms-sel-item {
    display: none !important;
}

.metadatacontrols .calendar {
    margin-left: 10px;
}

/*Icons*/
.DefaultIcon {
    background: url(../img/FileIcons/Common-Icon.jpg) no-repeat center 33px;
}

.jpg, .JPG {
    background: url(../img/FileIcons/Jpeg.png) no-repeat center 33px;
}

.ppt {
    background: url(../img/FileIcons/PPT.png) no-repeat center 33px;
}

.ai {
    background: url(../img/FileIcons/AI.png) no-repeat center 33px;
}

.avi {
    background: url(../img/FileIcons/AVI.png) no-repeat center 33px;
}

.csv {
    background: url(../img/FileIcons/CSV.png) no-repeat center 33px;
}

.dll {
    background: url(../img/FileIcons/DLL.png) no-repeat center 33px;
}

.dmg {
    background: url(../img/FileIcons/DMG.png) no-repeat center 33px;
}

.exe {
    background: url(../img/FileIcons/EXE.png) no-repeat center 33px;
}

.flv {
    background: url(../img/FileIcons/FLV.png) no-repeat center 33px;
}

.gif {
    background: url(../img/FileIcons/Gif.png) no-repeat center 33px;
}

.mov {
    background: url(../img/FileIcons/Mov.png) no-repeat center 33px;
}

.mpg {
    background: url(../img/FileIcons/MPG.png) no-repeat center 33px;
}

.pdf {
    background: url(../img/FileIcons/PDF.png) no-repeat center 33px;
}

.png {
    background: url(../img/FileIcons/PNG.png) no-repeat center 33px;
}

.psd {
    background: url(../img/FileIcons/PSD.png) no-repeat center 33px;
}

.wma {
    background: url(../img/FileIcons/WMA.png) no-repeat center 33px;
}

.doc, .docx {
    background: url(../img/FileIcons/Word.png) no-repeat center 33px;
}

.xls, .xlsx {
    background: url(../img/FileIcons/XL.png) no-repeat center 33px;
}

.folder {
    background: url(../img/FileIcons/folder.png) no-repeat 30px 30px;
}

/*Move To Styles*/
.MoveToDestination {
    height: auto;
    width: 250px;
    background: #475359;
    border: 1px solid #0CAFEE;
    position: fixed;
    z-index: 99999;
    right: -250px;
    box-shadow: 0 0 10px;
}

.moveTo {
    height: 300px;
    width: 220px;
    overflow-y: auto;
    overflow-x: auto;
    margin-left: 12px;

}

.MoveToTitle {
    font-size: 21pt;
    padding-left: 12px;
    color: #0CAFEE;
    border-bottom: 1px solid #B4B2B2;
}

.getChilds {
    color: #08B6FA;
    font-size: 12pt;
}

a[name="CloudDrive"] {
    color: #000;
}

.buttons {
    margin: 15px;
}

.buttons > .btn {
    width: 99px;
    border-color: #C6C9CA;
}

.MoveToDestination > div.buttons > .btn:hover {
    color: #fff;
    background: #1592CE;
}

#MoveToFunctionality > ul > li > div > label.nav-header {
    color: #69D1EB;
    font-size: 10pt;
}

#MoveToFunctionality > ul > li > div > ul > li > a[name="CloudDrive"] {
    color: #fff;
    width: 86%;
}

#CFHGetClouds > ul > li > div > label.nav-header {
    color: #fff;
    font-size: 11pt;
    font-weight: normal;
}

#CFHGetClouds > ul > li > div > ul > li > a[name="CloudDrive"] {
    color: #fff;
    width: 86%;
}

#CFHGetClouds > ul > li > div > ul > li:hover {
    color: #819FB4;
}

ul, li {
    list-style-type: none;
}

i.glyphicon {
    margin-right: 10px;
}

#CloudDriveList i.driveToggle {
    margin-right: 15px;
}

/*Meta data shared with*/
.comments-data .panel-body {
    max-height: 150px;
    overflow-y: scroll;
}

.comments-data p {
    margin: 14px;
}

.shared-data p span {
    display: inline-block;
    width: 45%;
    color: #2A6496;
}

.shared-data p i {
    width: 20px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.shared-data p input {
    display: inline-block;
    width: 10%;
}

.deleteEmails {
    display: inline-block;
    width: 5%;
}

.shareEmails {
    display: inline-block;
    width: 45%;
    margin: 6px 0;
}

.readEmail, .editEmail, .coOwnerEmails {
    display: inline-block;
    width: 10%;
    margin: 6px 0;
    text-align: center;
}

.addEmail {
    background: #F9F9F9;
    padding: 3px 0;
}

.addNewemail, .cancleUpdate {
    float: right;
    font-style: normal;
    /*
    font-size: 12px;
    border: 1px solid #E2E2E2;
    margin: 0px 5px;
    color: #2E2E2E; */
    cursor: pointer;
}

.cancleUpdate {
    display: none;
}

.addEmail input[type="text"] {
    display: inline-block;
    width: 40%;
    border: 1px solid #ccc;
    margin: 0 4% 0 1%;
}

.addEmail input[name="readEmail"], .addEmail input[name="editEmails"], .addEmail input[name="coOwnerEmails"] {
    display: inline-block;
    width: 10%;
}

.tags-data p {
    margin: 5px 10px;
}

.ms-ctn {
    float: inherit !important;
    margin: 10px !important;
}

.ms-ctn {
    font-size: 12px !important;
    border-radius: 0 !important;
}

.ms-res-ctn {
    height: 100px !important;
}

.fileTag {
    display: inline-block;
    width: 40%;
    font-style: normal;
}

.editFileTag, .removeFileTag, .editComments, .removeComments, .editFilename {
    font-style: normal;
    display: inline-block;
    margin: 0 5px;
    padding: 6px 5px;
    cursor: pointer;
}

.editFileTag, .editComments {
    background: url(../img/FinalSprite.png?ver=1231) -370px -294px;
}

.editFilename {
    background: url(../img/FinalSprite.png?ver=1231) -370px -295px;
    margin-left: 10px;
    height: 10px;
    width: 16px;
}

.removeFileTag, .removeComments {
    background: url(../img/FinalSprite.png?ver=1231) -337px -294px;
}

.deleteEmail {
    background: url(../img/FinalSprite.png?ver=1231) -335px -289px;
    margin-left: 2%;
    width: 13px;
}

.addEmail input[name="coOwnerEmails"] {
    display: inline-block;
    width: 10.3%;
}

.emailsList, .shared-data p, .tags-data p {
    margin: 3px 14px;
}

.metadata input {
    margin-left: 2px;
}

#addTags {
    margin: 10px 15px 10px 15px !important;
    display: inline-block;
    position: relative;
}

#addTags .ms-res-ctn {
    position: absolute !important;
    top: 28px;
}

.thisVal {
    border: 1px solid #CCC;
    height: 21px;
}

.commentContainer {
    float: left;
    width: 100%;
}

.comments-data textarea {
    border: 1px solid #CCC;
    border-radius: 0;
    float: left;
    width: 79%;
    margin: 15px;
    padding: 6px 10px;
}

.commentData {
    width: 59%;
    display: inline-block;
}

.commentData textarea {
    width: 88%;
    border: 1px solid #CCC;
    border-radius: 0;
    margin: 0 !important;
}

.comments-data button {
    float: left !important;
    margin: 2%;
    border-radius: 0;
}

.ms-sel-item {
    display: none !important;
}

.metadatacontrols .calendar {
    margin-left: 10px;
}

#accordion .panel-body {
    padding: 0;
    font-size: 12px;
    height: 160px;
    overflow-y: scroll;
}

.LVFOLDER {
    width: 32px;
    height: 18px;
    margin-right: 5px;
}

.LVFILE:before, .LVFILE1:before, .LVFOLDER:before {
    font-family: 'cloudfuze';
    font-style: normal;
}

.LVFOLDER:before {
    content: "\e61d";
    font-size: 20px;
}

.LVFILE:before, .LVFILE1:before {
    content: "\e901";
    font-size: 16px;
}

.LVFILE1 {
    width: 32px;
    height: 20px;
    margin-right: 5px;
}

.LVWSpace {
    width: 32px;
    height: 20px;
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -600px -271px;
    margin-right: 5px;
}

#ListContent .LVAddFav {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -484px -303px;
    width: 32px;
    height: 20px;
    margin-left: 15px;
    display: block;
}

#ListContent .LVFav {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -523px -304px;
    width: 24px;
    height: 20px;
    margin-left: 26px;
    display: block;
}

#ThumbnailContent .LVAddFav {
    width: 32px;
    height: 20px;
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -488px -302px;
    margin-right: 5px;
    position: absolute;
    top: 87px;
}

#ThumbnailContent .LVPublic {
    width: 32px;
    height: 20px;
    margin-right: 5px;
    position: absolute;
    top: 10px;
    left: 8px;
}

#ThumbnailContent .LVFav {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -516px -303px;
    width: 32px;
    height: 20px;
    margin-right: 5px;
    position: absolute;
    top: 87px;
}

#ThumbnailContent .defaultFloat.Metacontainer:after {
    border-style: initial;
}

#ThumbnailContent .selected:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #086CA2 rgba(0, 0, 0, 0);
}

.PUBLIC:before {
    content: '\00a0Public';
    color: green;
    font-weight: 900;
}

.SHARED:before {
    content: '\00a0Private';
    color: blue;
    font-weight: 900;
}

.Protected:before {
    content: '\00a0Protected';
    color: red;
    font-weight: 900;
}

.renameInput {
    outline: 0;
    padding-left: 5px;
    border: 1px solid #CCC;
    width: 56%;
    height: 21px;
}

.rename-filecontrol {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -557px -167px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

/*Move To Progress Bar*/
#progressbar {
    height: 1em;
    width: 100%;
}

.pro {
    width: 100%;
    height: 60%;
    margin-top: 30px;
}

.filestatus {
    padding-left: 5%;
}

.modal-body1 {
    position: relative;
    padding: 31px;
}

.workspace {
    background: url(../img/FileIcons/workspace.png) no-repeat 30px 30px;
}

#ListContent .MetaDataIcon {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -612px -304px;
    width: 32px;
    height: 20px;
    margin: 0 20px 0 auto;
    float: right;
}

#ThumbnailContent .MetaDataIcon {
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -606px -302px;
    width: 32px;
    height: 20px;
    position: absolute;
    top: 87px;
    left: 6px;
    cursor: pointer;
}

img {
    -webkit-border: 0;
    -moz-border: 0;
    -ms-border: 0;
}

#myModal2 .modal-body {
    border: 5px solid #0CAFEE;
    height: 124px;
    text-align: center;
}

#CloudDriveList .drivecontent:hover {
    background-color: #e9e9e9;
}

#CloudDriveList ul.nav-list a:hover {
    background-color: #fff;
}

.CFTHCreateFolder {
    width: 72%;
    float: left;
    margin-left: 0 !important;
}

.buttons .btn {
    width: 46%;
}

/*******************************************************************Settings Page*/
#AccountSettings {
    margin-top: 84px;
    margin-left: 26px;
}

#AccountHeading {
    color: #428BCA;
}

.ConfirmChngPswd {
    background-color: #428BCA;
    border: 1px solid grey;
    width: 180px;
    height: 90px;
    color: #fff;
}

.userButton {
    background-color: #428BCA;
    color: #fff;
    width: 100px;
    height: 30px;
    border-radius: 5px;
}

#profileInfo {
    width: 20%;
    height: 100%;
    border: 1px solid #ddd;
    margin-right: 7px;
}

.Profileborder {
    border-bottom: 1px solid #dddddd;
    width: 1100px;
    margin-top: -7px;
    margin-left: -20px;
}

#profileImg {
    margin: 18px;
}

.proEmail {
    margin-top: 5px;
}

.userPswd {
    margin-left: 22px;
    margin-bottom: 18px;
}

.userPswd input {
    margin-top: 10px;
    width: 88%;
    padding-left: 10px;
}

.userPswd button {
    margin-top: 15px;
}

.userPswd .ASPStatusMsg {
    color: red;
    width: 100%;
    float: left;
}

.editProfile {
    background: url("../img/FinalSprite.png?ver=1231") repeat scroll -336px -117px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    height: 20px;
    margin-left: 4px;
    width: 19px;
}

.upgrade {
    float: right;
}

.upgradeAcc {
    width: 150px;
    height: 32px;
    background-color: #428BCA;
    border-radius: 5px;
    color: #fff;
}

.ProfileContent {
    margin-left: 31px;
}

.ProfileContentemail {
    margin-left: 31px;
}

.checkboxNotification {
    float: right;
    margin-right: 406px;
}

.notificationContent {
    margin-left: 10px;
}

select {
    margin: 0;
}

select.itemsperPage {
    width: 130px;
    height: 30px;
}

.GenerateemailNotification {
    float: right;
    margin-right: 432px;
}

#savebutton {
    background-color: #428BCA;
}

#GenerateEmail {
    margin-top: 95px;
}

#RealTime {
    margin-left: 212px;
}

#SecurityData {
    border: 1px solid #ddd;
    width: 1065px;
    height: 270px;
    margin-left: -9px;
    margin-top: 10px;
}

.secMachines {
    color: #428BCA;
    margin-left: 30px;
}

#SecurityData .securityForget {
    float: right;
    margin-top: -12px;
}

#SecHeader {
    background-color: #F9F9F9;
    color: #2bb5d8;
    position: fixed;
}

.ForgetButton {
    background-color: #FFFFFF;
    border: 1px solid #808080;
    border-radius: 3px;
    height: 34px;
    margin-right: 4px;
    width: 85px;
    margin-top: -1px;
}

.Secborder {
    border-bottom: 1px solid #dddddd;
    width: 1065px;
    margin-top: 36px;
    margin-left: 0;
}

#SecContent .SecData {
    background-color: #F9F9F9;
    color: #2bb5d8;
}

/* #SecContent{margin-top:5px;} */
.SCFavorites {
    margin-top: 11px;
    margin-left: 28px;
}

#SecurityData .SecurityCheckBox {
    margin-right: 5px;
}

#security #CheckBoxSec {
    margin-left: 10px;
}

#secHeader {
    border-top: 1px solid #ddd;
    margin-top: 5px;
}

#ForgetDevice .securityDevice {
    float: left;
    width: 100px;
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5 {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 408px;
}

#AccountSettings .defaultFloat .DisplayMsg {
    color: red;
    margin-left: 3px;
}

.DisplayMsg {
    color: red;
}

.accountSet {
    width: 10%;
    height: 21px;
    float: left;
    margin-top: 5px;
}

#tabs {
    width: 78%;
    height: 100%;
    margin: 0 auto;
}

.addShareContainer {
    width: 120%;
    height: 516px;
    margin: 0 auto;
    border: 5px solid #409ad3;
    padding: 20px;
    border-radius: 7px;
    background: #fff;
}

.addShareSidebar {
    width: 27%;
    padding-top: 10px;
    padding-left: 15px;
}

.addShareContent {
    width: 71%;
    margin-left: 10px;
    border-left: 1px solid #DADADA;
    padding-left: 3%;
    height: 370px;
    margin-top: 23px;
}

.removetag1 {
    margin-bottom: 20px
}

.shareref {
    padding-left: 13px;
    font-size: 15pt;
    padding-bottom: 20px;
    padding-right: 20px;
}

.accessref {
    padding-left: 10px;
    font-size: 15pt;
    padding-bottom: 20px;
    padding-right: 15px;
}

.useremails {
    display: inline-block;
    width: 37%;
    font-weight: bold;
    margin: 6px 0;
}

.read {
    display: inline-block;
    width: 14%;
    font-weight: bold;
    margin: 6px 0;
    text-align: center;
}

.coowner {
    display: inline-block;
    width: 22%;
    font-weight: bold;
    margin: 6px 0;
    text-align: center;
}

.addsharebutton {
    margin-top: 20px;
}

.shareusers {
    margin-top: 30px;
}

.buttonborder {
    width: 86%;
    position: absolute;
    bottom: 36px;
    left: 7%;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
}

.paddingsharebuttons {
    margin-top: 10px;
}

.divdisplay {
    display: none;
}

.addWorkspaceContainer {
    margin: 0 auto;
    border: 5px solid #409ad3;
    padding: 20px;
    border-radius: 7px;
    background: #fff;
    width: 91%;
}

.addWorkspaceContent {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    height: 370px;
    padding: 10px;
    border: 2px solid #ccc;
}

#workspace:hover {
    background-color: #ccc;
}

#wsaccess:hover {
    background-color: #ccc;
}

.removeTag1 {
    background: url(../img/FinalSprite.png?ver=1231) -334px -293px;
    width: 13px;
    height: 11px;
    float: right;
    padding-top: 3px;
    cursor: pointer;
    margin-left: 7px !important;
}

.edit {
    display: inline-block;
    width: 15%;
    margin: 6px 0;
    text-align: center;
}

.coowner {
    display: inline-block;
    width: 15%;
    margin: 6px 0;
    text-align: center;
}

.delete {
    display: inline-block;
    width: 15%;
    margin: 6px 0;
    text-align: center;
}

.allemailsws {
    display: inline-block;
    width: 37%;
    margin: 6px 0;
}

.allemailsshare {
    display: inline-block;
    width: 37%;
    margin: 6px 0;
}

.deleteUserEmail {
    background: url(../img/FinalSprite.png?ver=1231) -345px -287px;
    width: 15px;
    height: 11px;
    float: right;
    margin-top: 12px;
    margin-right: 35px;
    padding-top: 3px;
    cursor: pointer;
}

.borderws {
    border: 1px solid black;
}

.addShareContent.calendar {
    border: 1px solid #CCC;
    width: 46% !important;
    padding: 3px 4px !important;
    height: 28px !important;
    float: left;
    display: none;
}

.addShareContent .calendar {
    /* margin-left:10px; */
}

.removeSpace {
    height: auto;
    margin: 5px 0 10px;
    display: inline-block;
}

.removeSpace i {
    margin: 0 2px;
    display: inline-block;
}

.form-control {
    border-radius: 0;
}

#CFWorkSpace > h4 {
    width: 100%;
    float: left;
}

#userDataWS > i > span {
    margin: 2px;
}

/* add clount account */
.cloudThumbnail {
    /*height: 80px;
    width: 80px;
    margin:8px;
    border-radius:10px;
    text-align: center;
    border: 1px solid #024A5B;*/
    height: 60px;
    width: 60px;
    margin: 8px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #024A5B;
    padding: 1px;
}

.cloudThumbnail span {
    width: 56px;
    height: 56px;
    float: left;
    cursor: pointer;
    border-radius: 2px;
    text-align: center;
    color: black;
}

.cloudThumbnail:hover {
    box-shadow: 0 0 0px;
    border-color: #80B4F7;
}

.CloudThumb_parent {
    float: left;
    text-align: center;
}

.cloudImgG_DRIVE {
    background: url('../img/FinalSprite.png?ver=1231') 2010px -752px;
}

.cloudImgBOX {
    background: url('../img/FinalSprite.png?ver=1231') 1640px -751px;
}

.cloudImgDROP_BOX {
    background: url('../img/FinalSprite.png?ver=1231') 1638px -874px;
}

.cloudImgEGNYTE_STORAGE {
    background: url('../img/FinalSprite.png?ver=1231') 1295px -874px;
}

.cloudImgSHAREPOINT_2013 {
    background: url('../img/FinalSprite.png?ver=1231') 1081px -874px;
}

.cloudImgSHAREPOINT_2010 {
    background: url('../img/FinalSprite.png?ver=1231') 1295px -662px;
}

.cloudImgONEDRIVE {
    background: url('../img/FinalSprite.png?ver=1231') 1514px -875px;
}

.cloudImgONEDRIVE_BUSINESS,.cloudImgONEDRIVE_BUSINESS_ADMIN {
    background: url('../img/onedrivebusiness.PNG');
}

.cloudImgSHAREFILE {
    background: url('../img/FinalSprite.png?ver=1231') 1886px -874px;
}

.cloudImgCMIS {
    background: url('../img/FinalSprite.png?ver=1231') 2010px -872px;
}

.cloudImgFTP {
    background: url('../img/FinalSprite.png?ver=1231') 1762px -752px;
}

.cloudImgWEBDAV {
    background: url('../img/FinalSprite.png?ver=1231') 1408px -753px;
}

.cloudImgALFRESCO {
    background: url('../img/FinalSprite.png?ver=1231') 1406px -874px;
}

.cloudImgAMAZON {
    background: url('../img/FinalSprite.png?ver=1231') 1295px -751px;
}

.cloudImgEUCA {
    background: url('../img/FinalSprite.png?ver=1231') 1182px -753px;
}

.cloudImgDocu {
    background: url('../img/FinalSprite.png?ver=1231') 1081px -753px;
}

.cloudImgCLOUDIAN {
    background: url('../img/FinalSprite.png?ver=1231') 1407px -663px;
}

.cloudImgSUGAR_SYNC {
    background: url('../img/FinalSprite.png?ver=1231') 1184px -874px;
}

.cloudImgAZURE_OBJECT_STORAGE {
    background: url('../img/FinalSprite.png?ver=1231') 1177px -657px
}

.cloudImgGENERIC_OBJECT_STORAGE {
    background: url('../img/FinalSprite.png?ver=1231') 1101px -660px;
}

.cloudImgNTLM_STORAGE {
    background: url('../img/FinalSprite.png?ver=1231') 1100px -576px;
}

.cloudImgORANGE {
    background: url('../img/FinalSprite.png?ver=1231') 1179px -577px;
}

.cloudImgYANDEX_DISK {
    background: url('../img/FinalSprite.png?ver=1231') 1295px -577px;
}

.cloudImgAXWAY {
    background: url('../img/FinalSprite.png?ver=1231') 1409px -575px;
}

.cloudImgSALES_FORCE {
    background: url('../img/FinalSprite.png?ver=1231') 1073px -506px;
}

.cloudImgCIFS {
    background: url('../img/FinalSprite.png?ver=1231') 1227px -507px;
}

.cloudImgAMAZON_STORAGE {
    background: url('../img/FinalSprite.png?ver=1231') 1297px -506px;
}

.cloudImgCOPY {
    width: 73px;
    height: 73px;
    float: left;
    cursor: pointer;
    background: url('../img/FinalSprite.png?ver=1231') 1764px -867px;
    text-align: center;
    color: black;
}

.cloudImgCENTURYLINK {
    width: 73px;
    height: 73px;
    float: left;
    cursor: pointer;
    background: url('../img/FinalSprite.png?ver=1231') 1074px -433px;
    text-align: center;
    color: black;
}

.cloudImgSHAREPOINT_ONLINE {
    width: 73px;
    height: 73px;
    float: left;
    cursor: pointer;
    background: url('../img/FinalSprite.png?ver=1231') 1149px -434px;
    text-align: center;
    color: black;
}

#cloudAccountImages {
    padding: 10px;
    float: left;
    width: 92%;
    border: solid 1px #ccc;
    margin: 20px;
}

.cloudHeading {
    font-size: 1.200em;
    width: 98%;
    float: left;
    text-align: left;
    color: #409ad3;
    margin: 0 0.5% !important;
    padding: 8px 15px !important;
    font-weight: bold;
}

.progress {
    height: 15px;
    margin-bottom: 4px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 99%;
    margin-top: 10px;
}

i.dashboard-logo {
    background: url('../img/cfdashboard-color.png') no-repeat center center;
}

.dashboard-logo {
    background: url('../img/cfdashboard-color.png') no-repeat center center;
}

#chart {
    float: left;
    width: 57%;
}

/*#dash-uname{
    margin-left:10%;
}*/
#table {
    height: 250px;
    width: 600px;
    /*border:1px solid grey;*/
    margin: 24px auto 50px 500px;
}

table td {
    border: 1px solid grey;
}

/* reports */
#ReportsContent .panel-default > .panel-heading {
    height: 47px;
    background-color: transparent;
    padding: 5px 15px;
}

#ReportsContent .panel-default > .panel-heading > .panel-title {
    color: #2bb5d8;
    padding-top: 8px;
}

#ReportsContent .panel-body {
    padding: 0;
    font-size: 12px;
}

#ReportsContent .panel-data {
    width: 100%;
    float: left;
    border-top: 1px solid #e9e9e9;
    padding: 2px 15px;
}

#ReportsContent .panel-data.heading {
    color: #2bb5d8;
    background-color: #f9f9f9;
    font-weight: 700;
}

#ReportsContent .redrivename {
    float: left;
    width: 45%;
    height: 30px;
    padding-top: 6px;
}

#ReportsContent .retotalspace {
    float: left;
    width: 15%;
    height: 30px;
    padding-top: 6px;
}

#ReportsContent .reusedspace {
    float: left;
    width: 15%;
    height: 30px;
    padding-top: 6px;
}

#ReportsContent .refreespace {
    float: left;
    width: 15%;
    height: 30px;
    padding-top: 6px;
}

#ReportsContent .redrivename1 {
    float: left;
    width: 41%;
    height: 30px;
    padding-top: 6px;
    padding-left: 5px;
}

#ReportsContent .retotalspace1 {
    float: left;
    width: 15%;
    height: 30px;
    padding-top: 6px;
}

#ReportsContent .reusedspace1 {
    float: left;
    width: 15%;
    height: 30px;
    padding-top: 6px;
}

#ReportsContent .refreespace1 {
    float: left;
    width: 15%;
    height: 30px;
    padding-top: 6px;
}

#ReportsContent {
    float: left;
}

.CFReportDummy {
    width: 100%;
    float: left;
    position: fixed;
    margin-top: -19px;
    background-color: #FFF;
}

.closeX {
    position: absolute;
    right: 20px;
    top: 10px;
    /* background:url(../img/close-x.png) !important; */
    width: 20px;
    height: 20px;
    outline: none;
    margin-right: 0 !important;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 12px;
    padding: 5px 10px;
}

.pagination {
    border-radius: 4px;
    margin: 20px 0;
    padding-left: 0;
}


.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 2px 12px;
    position: relative;
    text-decoration: none;
}

.CFReportsContainer {
    width: 100%;
    display: none;
}

.CFReportChart {
    width: 100%;
    margin-top: 25px;
}

.CFReportChartData {
    width: 50%;
    margin-top: -3px;
}

.CFReportStatus {
    width: 50%;
    margin-top: 22px;
}

.CFReportTable {
}

.CFAddCloudLayer {
    position: absolute;
    /* height: 100%; */
    background-color: #000;
    opacity: 0.3;
    height: 420px;
    margin-top: 59px;
    width: 90.5%;
}

#wspname {
    width: 50%;
    margin-top: 20px;
}

.fileSortIcon {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid;
    display: inline-block;
    height: 0;
    margin-left: 8px;
    vertical-align: middle;
    width: 0;
    margin-top: -13px;
}

/********* cloud Alerts *********/
#CloudAlerts {
    width: 100%;
    border: 1px solid #ddd;
    height: 350px;
    margin: 0 auto 0 10px;
}

#cloudHeader {
    color: #2bb5d8;
    font-weight: bold;
    width: 100%
}

.CloudDrive {
    float: left;
    width: 22%;
    margin-top: 4px;
    margin-left: 37px;
}

.CloudName-alerts {
    float: left;
    width: 31%;
    margin-top: 4px;
}

.CloudDriveList {
    float: left;
}

.CFMCEmail {
    float: left;
    width: 32%;
    margin-top: 4px;
}

.cloudCheckboxList {
    float: left;
    width: 15.5%;
    margin-top: 4px;
    margin-left: 10px;
}

.CloudDriveList ul li {
    margin-left: -38px;
}

.Alertborder {
    border-bottom: 1px solid #dddddd;
    width: 100%;
    margin-top: 31px;
    margin-left: -1px;
}

.cloudborder {
    border-bottom: 1px solid #dddddd;
    width: 756px;
    margin-top: 72px;
    margin-left: -1px;
}

.cloudDelete {
    width: 21px;
    height: 21px;
    float: left;
    margin-top: 5px;
    cursor: pointer;
    margin-left: 10px;
}

.cloudDelete:before {
    font-family: "cloudfuze";
    content: "\e632";
    font-style: normal;
    font-size: 24px;
}

/********* end alerts *********/
/*sam-style updates  3/5/14
-------------------------------------------------------*/
body {
    overflow: hidden;
}


.globalNav ul {
    margin-top: 17px;
}

.globalNav a:hover, .globalNav a.active {
    background: #2bb5d8 !important;
    color: #FFF;
    border-radius: 16px !important;
    padding: 4px 15px;
}

.footerlinks {
    font-size: 11px;
}

#sidebar-wrapper .addcloud {
    bottom: 28px;
    background-color: #2bb5d8;
    color: #fff;
    border: 0;
}

#sidebar-wrapper .addcloud:hover {
    background-color: #0471B6;
}

.MoveToTitle {
    padding: 5px 12px;
}

.MoveToDestination {
    background: rgba(77, 77, 77, 0.92);
    border: 0;
}

#MoveToFunctionality > ul > li > div > label.nav-header {
    color: #FFF;
    font-size: 11pt;
    font-weight: normal;
    margin: 4px;
}

#CloudDriveList {
    display: inline-block;
    /* margin: 15px 0; */
    width: 100%;
}

#CloudDriveList i.driveToggle {
    margin: initial;
}

.active-link {
    background: #7EBEC5;
}

.active-link1 {
    background: #F7FDAD;
    font-size: 12pt;
    padding: 2px 10px 4px 12px;
    border: 1px solid rgb(192, 69, 38);
}

.homeselect {
    width: 130px;
}

.sidebar, #sidebar-wrapper .defaultDrives {
    padding: initial !important;
}

#sidebar-wrapper .defaultDrives {
    padding: initial !important;
    margin: 15px 0;
}

#sidebar-wrapper .defaultDrives > a, #sidebar-wrapper .mydrives {
    padding: 0 6% !important;
}

.header {
    padding: 2px 6% !important;
}

.mydrives {
    margin-bottom: 15px;
}

#myDrives, #myDrives .slimScrollDiv {
    width: 100% !important;
}

.category {
    width: 100% !important;
    /* padding: 0 6%; */
}

#driveHeading {
    padding: 0 6%;
}

.drivecontent .nav > li > a {
    padding: 1px 5px 1px 0;
    margin-left: 14%;
    width: 58%;
    padding-left: 20px;
}

#CloudDriveList .drivecontent .nav > li > a {
    width: 100%;
}

#CloudDriveList .category {
    padding: 0;
    margin: 2px 0;
}

#CloudDriveList .nav > li > a {
    margin-left: initial !important;
    color: #0C0C0C;
    font-size: 13px;
}

#CloudDriveList > div.drivecontent ul {
    margin-left: 48px;
    width: 63%;
}

#CloudDriveList > div.drivecontent ul li a {
    padding: 1px 0 !important;
    overflow: hidden;
}

.sidebar .slimScrollDiv {
    width: 100% !important;
}

#myDrives .slimScrollDiv {
    width: 100% !important;
}

#CloudDriveList .category:hover {
    background: initial;
}

#CloudDriveList label {
    font-weight: normal;
}

#LVContentHeader .LVHdrive {
    width: 14%;
}

#ListContent .LVdrive {
    width: 14%;
}

#LVContentHeader .LVHmodifiedDate {
    width: 14%;
}

#ListContent .LVHmodifiedDate {
    width: 14%;
}

#LVContentHeader .panel-data.heading {
    padding-top: 5px;
}

@media (max-width: 1200px) {
    #actionPanel.maincontent2 {
        height: 53px;
        padding-left: 30px !important;
    }

    .CFReportTable {
        width: 100%;
    }

    .search {
        padding-left: 30px;
    }
}

@media (max-width: 786px) {
    #LVContentHeader .LVHcheckBox, #ListContent .LVcheckBox {
        width: 8%;
    }

    .CFReportTable {
        width: 100%;
    }

    #actionPanel.maincontent2 {
        padding-left: 5px !important;
    }

    .fileCreatecontrols {
        right: 84px;
    }

    #LVContentHeader .LVHfileName, #ListContent .LVfileName {
        width: 42%;
    }

    #ListContent .LVfileName p {
        width: 40%;
        overflow: hidden;
    }

    #LVContentHeader .LVHFavorites, #ListContent .LVFavorites {
        width: 13%;
    }

    #LVContentHeader .LVHfileSize, #ListContent .LVfileSize {
        width: 13%;
    }

    .contentWrapper .categoty {
        display: none;
    }

    #actionPanel.maincontent2 {
        height: 53px;
    }

    #LVContentHeader .LVHmodifiedDate, #ListContent .LVmodifiedDate,
    #LVContentHeader .LVHaddedDate, #ListContent .LVaddedDate {
        display: none;
    }

    .defaultFloat.Metacontainer {
        padding: 10px 0;
    }

    #Metacontainer .col-md-3 {
        width: 25%;
        overflow: hidden;
        float: left;
    }

    #Metacontainer .col-md-9 {
        width: 74%;
        float: right;
        padding: 0 10px 0 0;
    }

    #MetacontainerWs .col-md-3 {
        width: 25%;
        overflow: hidden;
        float: left;
    }

    #MetacontainerWs .col-md-9 {
        width: 74%;
        float: right;
        padding: 0 10px 0 0;
    }

    .ui-widget-content {
        background: #fff !important;
    }
}

#MetacontainerWs .col-md-3 {
    width: 25%;
    overflow: hidden;
    float: left;
}

#MetacontainerWs .col-md-9 {
    width: 74%;
    float: right;
    padding: 0 10px 0 0;
}

.ui-widget-content {
    background: #fff !important;
}

#pieChart {
    margin: 10px;
}

#CFReportTable {
    background: #0000ff;
    width: 60%;
    float: right;
}

#CFReportChart {
    background: #ffff00;
    width: 100%;
}

.addShareContent.calendar {
    border: 1px solid #cccccc;
    width: 46% !important;
    padding: 3px 4px !important;
    height: 28px !important;
    float: left;
    display: none;
}

.addShareContent .calendar {
    /* margin-left:10px; */
}

.removeSpace {
    margin-bottom: 0;
}

.addShareContainer {
    width: 120%;
    height: auto;
    margin: 0 auto;
    border: 5px solid #409ad3;
    padding: 20px;
    border-radius: 7px;
    background: #fff;
}

.addShareSidebar {
    width: 27%;
    padding-top: 10px;
    padding-left: 15px;
}

.addShareContent {
    width: 71%;
    margin-left: 10px;
    border-left: 1px solid #DADADA;
    padding-left: 3%;
    height: 370px;
    margin-top: 23px;
}

.shareref {
    padding-left: 50px;
    font-size: 15pt;
}

.accessref {
    padding-left: 40px;
    font-size: 15pt;
}

.useremails {
    display: inline-block;
    width: 37%;
    font-weight: bold;
    margin: 6px 0;
}

.read {
    display: inline-block;
    width: 14%;
    font-weight: bold;
    margin: 6px 0;
    text-align: center;
}

.coowner {
    display: inline-block;
    width: 22%;
    font-weight: bold;
    margin: 6px 0;
    text-align: center;
}

.addsharebutton {
    margin-top: 20px;
}

.shareusers {
    margin-top: 30px;
}

.buttonborder {
    width: 86%;
    position: absolute;
    bottom: 36px;
    left: 7%;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
}

.paddingsharebuttons {
    margin-top: 10px;
}

.buttonDisable {
    pointer-events: none;
    opacity: 0.2;
}

#mainContent > .slimScrollDiv, #ListContent, #ThumbnailContent {
    width: 100% !important;
}

.addShareSidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px solid #D0D0D0;
}

.addShareSidebar .nav > li > a {
    padding: 3px 15px;
    margin: 0 11px 0 0;
}

#CFFileShare {
    display: inline-block;
    margin-right: 10px;
}

.addShareContainer, .addWorkspaceContainer {
    position: relative;
    height: auto !important;
    padding: 0 0 15px 0 !important;
}

.addShareContent {
    border: 0;
}

.addShareContainer button.close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 12px !important;
}

.addShareContent .sharePwd .pwd {
    margin-left: 0;
    width: 49%;
}

.shareContainer {
    float: right !important;
    width: 73%;
}

.addShareContent {
    float: left;
    width: 93%;
}

.shareHeader {
    background: #ECECEC;
    height: 46px;
    line-height: 30px;
    border-bottom: 1px solid #D0D0D0;
    padding-left: 20px;
    padding-top: 15px;
}

.shareHeader a {
    padding: 0 25px !important;
    font-size: 16px;
    margin: 0 15px 0 0;
    display: inline-block;
    border: 1px solid #D0D0D0;
    border-bottom: 0;
}

.share-active, .ws-active {
    background: #FFF;
}

.shareusers {
    font-weight: normal;
    font-size: 12px;
}

.shareusers .useremails {
    width: 36%;
    font-weight: normal;
    font-size: 14px;
}

.shareusers .edit, .shareusers .delete {
    font-weight: normal;
    font-size: 14px;
}

.shareusers .read,
.shareusers .coowner {
    width: 15%;
    font-weight: normal;
    font-size: 14px;
}

.deleteUserEmail {
    background: url(../img/FinalSprite.png?ver=1231) -336px -294px;
}

.addWorkspaceContent {
    border: 0;
    margin: 0;
    padding: 15px;
    height: auto;
    min-height: 300px;
}

.addWorkspaceContent textarea {
    width: 100%;
}

.shareContainer h4, .addWorkspaceContent h4 {
    font-size: 15px;
    clear: both;
}

.modalbtns {
    display: inline-block;
    float: right;
}

.statusMesg {
    color: red;
}

.wspwd {
    padding: 0;
    display: block;
    box-shadow: none;
    border: 0;
}

.accountSettings {
    font-family: SegoeUI;
}

#accountHeading span {
    font-family: SegoeUI;
    font-size: 26px;
    margin: 0 0 10px 0;
    display: inline-block;
}

.ui-widget-header {
    background: #4B4848;
    border: 0;
    padding: 15px 15px 0 !important;
}

.ui-tabs .ui-tabs-nav li {
    margin-right: 15px;
    cursor: pointer;
}

.ui-state-hover a:hover {
    background: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #DDD;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.profilecont {
    border-top: 1px solid #DDD;
    padding: 10px 15px;
}

#Progressbar-Space {
    margin-left: 78px;
}

#Progressbar-Space b {
    font-size: 12px;
}

#profileInfo {
    height: 462px;
}

.userPswd input[type="password"] {
    text-align: left;
}

.profilecont p {
    margin: 0;
    font-size: 13px;
}

#CloudAlerts {
    height: auto;
    border-bottom: 0;
    font-size: 13px;
    line-height: 27px;
}

.CFReportTable {
    margin: 20px 0;
}

.CFReportChart {
    margin: 0;
}

#myTagModel .modal-content {
    width: 64%;
    height: 122px;
    border: 3px solid #409AD3;
}

.addCloudContainer {
    padding-bottom: 10px;
}

.addWorkspaceContainer button.close {
    margin: 11px !important;
}

.defaultDrives a:hover .drivecontent ul.nav-list li a:hover {
    background: #DFF2FF !important;
}

a.addcloud:hover {
    background: #0471B6 !important;
}

#filePreview .modal-content {
    width: 100% !important;
    background: #666;
}

#filePreview .modal-title {
    color: #BDBDBD;
}

#filePreview .modal-body {
    width: 70% !important;
    margin: 0 auto;
}

#filePreview .modal.in .modal-dialog {
    width: 100% !important;
}

#filePreview .modal-dialog {
    width: 100% !important;
    margin: 0;
    height: 100%;
    text-align: center;
}

#filePreview .modal-content {
    height: 100%;
    background: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important;
}

#filePreview .modal-header {
    background: #333;
    border-bottom: 1px solid #646464;
}

#filePreview {
    background: rgba(26, 26, 26, 0.79);
}

#filePreview .modal-body img {
    max-width: 60%;
}

#filePreview .close {
    text-shadow: none;
    opacity: initial;
    filter: initial;
    color: #AFAFAF;
}

#filePreview .modal-title {
    color: #E0E0E0;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    #filePreview {
        background: rgba(26, 26, 26, 0.79);
    }

    #filePreview .modal-dialog {
        width: 100% !important;
        margin: 0;
        height: 100%;
        text-align: center;
    }

    #filePreview .modal-content {
        height: 100%;
        background: rgba(0, 0, 0, 0) !important;
        box-shadow: none !important;
    }

    #filePreview .modal-header {
        background: #333;
        border-bottom: 1px solid #646464;
    }

    #filePreview .modal-body img {
        max-width: 60%
    }
}

.CFDeleteButtons {
    margin-top: 27px;
    margin-left: 131px;
}

#CFDeletePopUp .CFDeleteButtons {
    margin-top: 0;
    margin-left: 0;
}

#CFCLDeletePopUp .CFDeleteButtons {
    margin-top: 9px;
    margin-left: 6px;
}

#shareFiles .statusMesg {
    color: red;
    padding: 10px;
    margin-left: 30%;
}

#syncstatus {
    background-color: #FF0;
    z-index: 9999;
    position: absolute;
    margin: 0 auto;
    left: 50%;
}

.mainNav:before {
    content: '';
    background: url(../img/FinalSprite.png?ver=1231) -428px -284px no-repeat;
    height: 35px;
    width: 36px;
    float: left;
    position: absolute;
}

#sidebarBtn {
    z-index: 100;
}

#filePreview .modal-header {
    height: 55px;
}

#filePreview .modal-title {
    text-align: left;
    position: relative;
}

#filePreview h4.modal-title {
    float: left;
}

#fileDwd {
    background: url(../img/FinalSprite.png?ver=1231) -389px -321px no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 14px;
    left: 50%;
    border: 0;
    cursor: pointer;
}

.arrw {
    width: 12px;
    height: 0;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid #EEE;
    margin: 6px 0 0 0;
}

.loc {
    cursor: pointer;
}

.loc:hover {
    background: #9E9E9E;
}

.CFMoveToSelect {
    background: #2FC26F;
}

.addCloudCredPopup {
    margin-top: 10px;
    width: 50%;
    float: left;
}

/* Absolute Center CSS Spinner */
.loading {
    position: fixed;
    z-index: 9990;
    height: 2em;
    width: 2em;
    overflow: auto;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.refreshloader {
    background: url(../img/refresh.gif) no-repeat;
}

.secondary-nav-menu > li > ul > li {
    padding-left: 10px;
    color: #fff;
    cursor: pointer;
}

.secondary-nav-menu > li > ul > li.getFiles:hover, .secondary-nav-menu > li > ul > li#addCategory:hover {
    background-color: #024A5B !important;
}

.secondary-nav-menu > li > ul {
    height: 150px;
    overflow-y: scroll !important;
}

.getFiles a {
    color: #fff;
}

.catactive {
    background-color: #024A5B !important;
}

.cltrigger, .cltrigger:hover {
    display: block;
    height: 26px;
    color: #fff;
    padding-top: 4px;
}

.cltrigger:hover {
    background-color: #D1E3FA !important;
    color: #024A5B;
}

.trigactive {
    background-color: #D1E3FA !important;
    color: #024A5B;
}

li.getCloudFiles:hover {
    background-color: #024A5B !important;
}

/*Share POPUP*/
.shareAccessUser {
    border: 0;
    text-align: center;
    word-wrap: break-word;
}

.shareAccessUserTH {
    border-bottom: 1px solid #ccc;
    background: #ccc;
    color: #000;
}

.showAccessSettings {
    width: 100%;
    display: block;
    height: 40px;
    background: #ccc;
    padding-top: 10px;
    font-size: 17px;
    padding-left: 20px;
    cursor: pointer;
    color: #000;
}

.shareAccessAddNewUser {
    width: 50%;
    cursor: pointer;
    float: left;
    text-align: right;
}

.shareAccessMargin {
    width: 100%;
    margin-bottom: 8px;
    margin-top: 8px;
}

.setPassword {
    width: 90%;
    margin-bottom: 0;
}

.setExpPassword, .setdownCount {
    width: 90%;
    margin-bottom: 0;
}

.shareSettings {
    width: 100%;
    display: block;
    height: 40px;
    background: #ccc;
    padding-top: 10px;
    font-size: 17px;
    padding-left: 20px;
    cursor: pointer;
    color: #000;
    margin-bottom: 2px;
}

.removeEmail {
    margin-left: 0;
    margin-right: 0;
    float: right;
}

/*SWITCH*/
.onoffswitch {
    position: relative;
    width: 99px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #006ECC;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 23px;
    padding: 0;
    line-height: 23px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Public";
    padding-left: 10px;
    background-color: #006ECC;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "Private";
    padding-right: 10px;
    background-color: #EEEEEE;
    color: #006ECC;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 19px;
    background: #FFFFFF;
    border: 2px solid #006ECC;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 72px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    height: 20px;
    margin: 4px 2px 2px;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
}

/*SWITCH*/
/*Move Page*/
.movesrcCloudCheck, .movedestCloudCheck {
    float: left;
}

.verifySuccess {
    float: left;
    margin-left: 42%;
    color: rgb(26, 243, 26);
    font-weight: bold;
}

.verifyFailure {
    float: left;
    margin-left: 42%;
    color: rgb(253, 5, 15);
    font-weight: bold;
}

#movePageShowMore {
    height: 25px;
    width: 20%;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    background: #024a5b;
    padding-top: 5px;
}

.blockCode {
    display: block;
    float: left;
}

.draghover {
    cursor: pointer;
    width: 87%;
    margin: 0 auto
}

.CFfooterLinks {
    color: black;
    border-top: 1px solid #000;
    -webkit-box-shadow: 0 0 10px;
    max-height: 33px;
    position: fixed;
    bottom: 0;
    background: #ddd;
    z-index: 999;
    text-align: center;
    padding-top: 3px;
}

@media screen and (min-width: 1025px) {
    .CFfooterLinks {
        width: 80%;
    }
}

.CFfooterLinks a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    nav#primary > ul > li {
        width: 16%
    }

    .CFfooterLinks {
        width: 100%;
    }
}

/*Notifications*/
.top-nav .cf-bell {
    padding-left: 5px;
    padding-right: 10px;
    color: #2bb5d8;
    font-size: 20px;
}

/*#cf_notification{
    height: 340px;
    width: 250px;
    top: 40px;
    position: absolute;
    right: 0px;
    background: #eee;
    z-index: 9;
    box-shadow: 0px 0px 4px #2bb5d8;
    display: none;
}*/

#cf_notification {
    position: absolute;
    background: #eee;
    border: 1px solid #000;
    z-index: 99;
    top: 48px;
    right: 4px;
    box-shadow: 0 0 2px #ccc;
    width: 270px;
}

#cf_notification:after, #cf_notification:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#cf_notification:after {
    border: 18px rgba(204, 204, 204, 0);
    border-bottom-color: #fff;
    margin-left: -11px;
}

#cf_notification:before {
    border: 19px rgba(43, 181, 216, 0);
    border-bottom-color: #000;
    margin-left: -12px;
}

.notification_body {
    display: block;
    max-height: 280px;
    overflow: auto;
}

.notification_head {
    display: block;
    height: 33px;
    border-bottom: 1px solid lightgray;
    position: relative;
    padding: 6px;
    background: #fff;
}

/*.notification_footer{
    display: block;
    *//*height: 30px;*//*
    border-top: 1px solid lightgray;
}*/
.notify_unred {
    background: #ccc;
    border-bottom: 1px solid #000 !important;
}

.notification_body li {
    height: 50px;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.notification_body > li:hover {
    background: rgb(179, 227, 242);
    border: 2px solid #fff !important;
}

.notification_body .cf-cross32 {
    font-size: 15px;
    float: right;
    padding-top: 12px;
    cursor: pointer;
    color: rgb(216, 8, 8);
}

.notification_body .icon {
    display: block;
    float: left;
    height: 100%;
    width: 35px;
    padding-top: 5px;
    position: relative;
}

.notification_body .icon > i {
    font-size: 22px;
}

.notification_body .content {
    display: block;
    float: left;
    height: 100%;
    width: 180px;
    overflow: hidden;
}

.notification_body .content > p {
    margin: 0;
}

.cf_notify {
    position: relative;
    cursor: pointer;
}

.cf_notify .badge {
    position: absolute;
    right: -30px;
    top: -12px;
    display: block;
    height: 17px;
    width: 28px;
    background: #dc0d17;
    border-radius: 10px;
    padding: 1px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    border: 1px solid darkred;
    box-shadow: none;
}

.notification_head > li {
    cursor: pointer;
    font-weight: bold;
}

.notification_footer {
    text-align: center;
    padding: 4px;
}

#primary .badge {
    position: absolute;
    right: 9px;
    top: 3px;
    height: 20px;
    width: 32px;
    border-radius: 16px;
    text-align: center;
    padding: 2px;
    background: #dc0d17;
    box-shadow: none;
    font-size: 10px;
    text-shadow: 0 0 2px black;
    color: #fff;
    border: 1px solid darkred;
}

#CFSharedWithMe .red {
    font-size: 10px;
}

.notification_body .cf-circle2 {
    font-size: 10px;
    position: absolute;
    bottom: 16px;
    right: 2px;
}

.notification_body .cf-circle2.green {
    color: green;
}

.notification_body .cf-circle2.gray {
    color: gray;
}

.buttonDisable {
    pointer-events: none;
    opacity: 0.2;
}

/*Admin Styles*/
.widgetParent {
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: center;
}

.widget {
    height: 81px;
    width: 81px;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 60px;
    padding: 12px;
    background: #fff;
    position: relative;
}

.widgetouter {
    display: block;
    height: 140px;
    width: 104px;
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    background: #EDF6FF;
}

.widgetouter:hover {
    cursor: pointer;
    background: #D6E9FB;
}

.widget i {
    font-size: 40px;
    color: #2bb5d8;
}

.admin_header {
    width: 100%;
    height: 40px;
    background: #024a5b;
    color: #fff;
    font-size: 13pt;
    font-weight: bold;
}

.admin_header > span {
    height: 100%;
    width: 150px;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    text-align: center;
}

.admin_header > span:hover {
    background: #2bb5d8;
}

.widgetouter span {
    display: block;
    text-align: center;
    font-weight: bold;
}

.widgetouter p {
    display: block;
    text-align: center;
    font-size: 13px;
}

.dash_company {
    display: block;
    width: 99%;
    height: 220px;
    border: 1px solid #ddd;
    position: relative;
    margin: 0 auto;
}

.dash_company > span.editbtn {
    display: block;
    float: right;
    height: 30px;
    width: 100px;
    margin: 3px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

.dash_company span, .dash_company div {
    display: block;
    float: left
}

.dash_company strong {
    display: inline-block;
    width: 100px;
}

.tab-active {
    background: #2bb5d8;
}

.admin_usersList {
    width: 100%;
    display: block;
    max-height: 230px;
    height: 230px;
    overflow: auto
}

.admin_usersList > li > span:nth-child(1) {
    height: 14px;
    width: 16px;
    display: inline-block;
    float: left;
    padding: 4px;
}

.admin_usersList > li > span:nth-child(2) {
    display: inline-block;
    width: 30%;
    padding: 2px 2px 2px 15px;
    float: left;
    border-right: 1px solid #ddd;
}

.admin_usersList > li > span:nth-child(3) {
    display: inline-block;
    width: 45%;
    padding-left: 10px;
    float: left;
}

.admin_usersList > li > span:nth-child(4) {
    display: inline-block;
    width: 10%;
    padding-left: 10px;
    float: left;
}

span.in-active:hover, span.active:hover {
    cursor: pointer;
    color: blue;
}

.admin_usersList > li > span > i {
    /*float: right;*/
    margin-left: 3px;
    font-size: 14pt;
}

.admin_usersList > li > span > i:hover {
    cursor: pointer;
}

.admin_usersList > li {
    width: 100%;
    padding: 3px;
    height: 25px;
}

.admin_usersList > li:nth-child(even) {
    background: #fff;
}

#LDAP_Reg label {
    display: inline-block;
    width: 150px;
}

#Edit_User label {
    display: inline-block;
    width: 145px;
}

#admin_contact label {
    display: inline-block;
    width: 150px;
}

#LDAP_Reg form i {
    margin-left: 10px;
}

.admin_groupsList {
    max-height: 170px;
    width: 100%;
    display: block;
    height: 230px;
    overflow: auto;
}

.admin_groupsList li, .my_groups_list li {
    height: 25px;
    padding: 3px;
}

.admin_groupsList li:nth-child(even), .my_groups_list li:nth-child(even) {
    background: #fff;
}

.admin_groupsList li > span, .my_groups_list li > span {
    display: inline-block;
    float: left;
}

.admin_groupsList li > span:nth-child(1), .my_groups_list li > span:nth-child(1) {
    width: 32px;
    padding-left: 15px;
    margin-top: 3px;
}

.admin_groupsList li > span:nth-child(2), .my_groups_list li > span:nth-child(2) {
    width: 27%;
}

.admin_groupsList li > span:nth-child(2) {
    width: 22%;
}

.admin_groupsList li > span:nth-child(3) {
    width: 40px;
}

.admin_groupsList li > span:nth-child(3) > i {
    width: 20px;
    height: 18px;
    display: inline-block;
    padding: 2px;
    text-align: center;
}

.admin_groupsList li > span:nth-child(3) > i:hover {
    cursor: pointer;
}

.admin_groupsList li > span:nth-child(4), .my_groups_list li > span:nth-child(3) {
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.my_groups_list li > span:nth-child(4) {
    width: 60%;
}

.admin_groupsList li > span:nth-child(5), .my_groups_list li > span:nth-child(4) {
    font-size: 11pt;
}

.admin_groupsList li > span:nth-child(5) i, .my_groups_list li > span:nth-child(4) {
    margin: 0 2px 0 2px;
}

.admin_groupsList li > span:nth-child(5) i:hover, .my_groups_list li > span:nth-child(4) i:hover {
    cursor: pointer;
}

.my_groups_list {
    max-height: 120px;
    width: 100%;
    display: block;
    height: 230px;
    overflow: auto;
}

.my_subgroups_list {
    max-height: 100px;
    width: 100%;
    display: block;
    height: 230px;
    overflow: auto;
}

.my_subgroups_list li {
    display: inline-block;
    height: 23px;
    width: 100%;
    padding: 2px;
}

.my_subgroups_list li:nth-child(even) {
    background: #fff;
}

.my_subgroups_list li > span {
    display: inline-block;
    float: left;
}

.my_subgroups_list li > span:nth-child(1) {
    width: 40px;
    padding-left: 15px;
}

.my_subgroups_list li > span:nth-child(2) {
    width: 70%;
}

.my_subgroups_list li > span:nth-child(3) {
    width: 15%;
    text-align: center;
    font-size: 14pt;
}

.my_subgroups_list li > span:nth-child(3) i:hover {
    cursor: pointer;
}

#edit_my_groups .span6 > div {
    max-height: 200px;
    height: 200px;
}

#edit_my_groups .span6.box .tab-header {
    display: block;
    background: #2bb5d8;
    color: #fff;
    padding: 0;
}

#edit_my_groups .span6.box ul {
    overflow: auto;
    height: 160px;
}

#edit_my_groups .span6.box li {
    display: block;
    width: 100%;
    height: 25px;
    padding: 4px;
}

#edit_my_groups .span6.box li:nth-child(even) {
    background: #eee;
}

#edit_my_groups .span6.box li > span:nth-child(1) {
    width: 65%;
    display: block;
    float: left;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#edit_my_groups .span6.box .cf-times:hover {
    cursor: pointer;
}

.dash_company .button {
    margin-left: 5px;
    height: 20px;
    padding: 2px;
    width: 55px;
    cursor: pointer;
}

.dash_company .logo_edit > .cf-pencil9 {
    font-size: 9px;
    margin-right: 2px;
}

.dash_company .cf-checkmark-circle, .dash_company .cf-cancel-circle {
    font-size: 9px;
    margin-right: 2px;
}

.admin_logo_div span {
    display: inline-block;
    float: none !important;
}

#LDAP_Registration .cf-settings5 {
    margin-right: 4px;
}

.admin_addNew_user {
    display: block;
    width: 70%;
    float: left;
    margin-top: 20px;
    margin-left: 143px;
}

.admin_addNew_user input {
    margin: 0;
    width: 75%;
}

.admin_addNew_user .cf-check, .admin_addNew_user .cf-times {
    cursor: pointer;
    font-size: 20px;
}

.admin_addNew_user .cf-check {
    margin-right: 10px;
    margin-left: 10px;
}

.admin_usersList .active.false:after {
    content: "Make Active";
}

.admin_usersList .active.true:after {
    content: "Make InActive";
}

.admin_usersList .cf-pencil9 {
    font-size: 12pt;
}

.admin_user_search {
    height: 25px;
    margin: 0;
    padding: 2px;
}

.admin_user_footer {
    float: left;
    width: 90%;
    height: 20px;
    margin-top: 24px;
    margin-left: 143px;
}

#admin_activities_list li {
    padding: 5px;
}

#admin_activities_list li:nth-child(even) {
    border-top: 1px solid #ddd;
    background: #fff;
}

#admin_activities_list {
    overflow: auto;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px #ccc;
    height: 400px;
    max-height: 330px;
    margin-bottom: 4px;
}

.cloud_Header h5 {
    margin-left: 33px;
}

#admin_clouds_list span > .Driveicon {
    width: 26px;
}

#admin_clouds_list span {
    display: inline-block;
    height: 30px;
    width: 190px;
    padding: 3px;
}

#admin_clouds_list span > input {
    margin-top: 5px;
    margin-right: 5px;
    float: left;
}

#admin_clouds_list span > label {
    display: inline-block;
    margin-top: 3px;
    float: left;
}

#cloud_groups .span12 .span5 > div {
    height: 35px;
    padding: 9px;
}

#cloud_groups .span12 .span5 > input {
    height: 30px;
    padding: 2px;
}

.admin_cloud_config_footer {
    float: right;
    width: 100%;
    text-align: right;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
    color: blue;
    cursor: pointer;
}

.admin_addNew_user .cf-user-add2, #cloud_domain_conf .cf-floppy2 {
    margin-right: 5px;
}

.admin_header > span > i {
    margin-right: 5px;
}

.users_footer {
    text-align: center;
    font-size: 14pt;
    margin: 0 auto;
    width: 87%;
    height: 23px;
}

.users_footer i:hover {
    cursor: pointer;
}

.users_footer i.cf-previous2 {
    margin-right: 20px;
}

.users_footer i.cf-next2 {
    margin-left: 20px;
}

.page a {
    width: 40px;
}

.page.active > a {
    background-image: -webkit-linear-gradient(top, #2ca3e8, #147cb9);
    background-image: -moz-linear-gradient(top, #2ca3e8, #147cb9);
    background-image: -o-linear-gradient(top, #2ca3e8, #147cb9);
    color: #fff;
}

form i.cf-info42:hover {
    cursor: help;
}

#logo_url {
    width: 208px;
    word-wrap: break-word;
}

.admin_usersList li .cf-clock32 {
    padding-left: 10px;
    font-weight: bolder;
}

.admin_usersList li .cf-clock32:hover {
    cursor: pointer;
}

#createGroup .cf-check:hover {
    cursor: pointer;
}

.edit_my_Groups {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 100px;
}

.cf-check:hover, .cf-times:hover {
    cursor: pointer;
}

#subscriber_check {
    margin: 0;
}

#My_Group_Owner li > span {
    display: inline-block;
    border-right: 1px solid #ccc;
}

#My_Group_Owner li > span:nth-child(2) {
    width: 30px;
    text-align: center;
}

#My_Group_Owner li > span:nth-child(3) {
    padding-right: 5px;
}

#My_Group_Owner .tab-header span {
    display: inline-block;
    width: 100px;
    height: 100%;
    text-align: center;
}

#My_Group_Owner .tab-header span:hover {
    background: #024a5b;
    cursor: pointer;
}

.mygroupActiveState {
    background: #024a5b;
}

#myGroupCloudList span {
    width: 184px;
    height: 40px;
    display: inline-block;
}

#myGroupCloudList span > input {
    display: inline-block;
    margin: 0;
}

#myGroupCloudList span > .Driveicon {
    display: inline-block;
    width: 30px;
}

#myGroupCloudList span > label {
    display: inline-block;
    margin-left: 5px;
}

.errorMessage {
    color: red;
    text-align: center;
}

#orangelanding .cf-orange {
    color: #fff;
    background: #ff6600;
    display: block;
    cursor: pointer;
    margin-top: 30px;
}

#orangelanding .cf-orange:hover {
    box-shadow: 0 0 10px #ccc;
}

#moveReportFilesList .LVFOLDER, #moveReportFilesList .LVFILE {
    width: 32px !important;
    height: 18px !important;
    margin: 0 !important;
}

/*Admin Shares*/
.sharedFiels ul li {
    display: block;
    padding: 3px 4px 2px 4px;
    border-bottom: 1px solid #ccc;
}

.sharedFiels ul li:hover {
    background: #ccc;
}

.sharedFiels ul li i {
    width: 18px;
    display: inline-block;
    text-align: center;
}

.sharedFiels ul li i.cf-trashcan2 {
    float: right;
    padding-right: 20px;
    padding-left: 20px;
}

.sharedFiels ul li i.cf-trashcan2:hover {
    cursor: pointer;
}

.sharedFiels ul li span {
    padding-left: 10px;
}

.sharedFiels ul li span.owner_email {
    float: right;
}

.sharedFiels ul li span.cloud {
    font-size: 10px;
    background-color: #ccc;
    border-radius: 9px;
    padding: 2px 5px;
    font-weight: 700;
    margin-left: 5px;
}

.sharedFiels ul li.button {
    cursor: pointer;
}

.sharedFiels .status {
    font-size: 10px;
    font-weight: bolder;
}

.sharedFiels .ERROR:before {
    color: red;
    content: 'Error';
}

.sharedFiels .CANCEL:before {
    color: orange;
    content: 'Cancel';
}

.sharedFiels .IN_PROGRESS:before {
    color: blue;
    content: 'In Progress';
}

.sharedFiels .PROCESSED:before {
    color: green;
    content: 'Processed';
}

.sharedFiels .NOT_PROCESSED:before {
    color: brown;
    content: 'In Queue';
}

.sharedFiels .IN_QUEUE:before {
    color: brown;
    content: 'In Queue';
}

.sharedFiels .WARNING:before {
    color: brown;
    content: 'Warning';
}
.sharedFiels .SUSPENDED:before {
    color:#cc6600;
    content: 'Warning';
}
.sharedFiels .PROCESSED_WITH_SOME_ERRORS:before {
    color:green;
    content: 'Warning';
}
.sharedFiels .PROCESSED_WITH_SOME_WARNINGS:before {
    color:green;
    content: 'Warning';
}
.button.owner_email {
    margin: 0 0 0 10px;
    cursor: pointer;
}

/*Admin Groups*/
#edit_group .subs li, #edit_group .admins li, #edit_group i {
    cursor: pointer;
}

.subs .active, .admins .active {
    background: #ccc;
    border-bottom: 1px solid #fff !important;
}


.adminBadge {
    padding: 2px;
    border-radius: 5px;
    background-color: #FFE4C4;
    margin: 4px;
    font-size: 11px;
} 

.header-admin {
    background: #eee;
    height: 30px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#admin_shared_files .sharehide, #admin_workspaces .sharehide, #admin_moves .sharehide {
    display: none;
}

.center-text {
    text-align: center !important;
}

.danger {
    border-color: red !important;
}

.shared-file .cf-checkmark-circle {
    color: green;
}

.shared-file .cf-ban {
    color: red;
}

.admin-users td i {
    margin-right: 10px;
    cursor: pointer;
}

.dropdown-menu.files-action {
    min-width: 90px !important;
}

.dropdown-menu.files-action li:hover a {
    color: #fff;
}

.admin-groups [class^="cf-"], .admin-oauth [class^="cf-"] {
    margin-right: 10px;
    cursor: pointer;
}

.admin-oauth input[type="text"] {
    margin: 0 !important;
    height: 23px !important;
}

.table.dashboard td {
    border-top: none !important;
}

.slim-form-control {
    margin: 0 !important;
    height: 23px !important;
}

i.INACTIVE {
    position: absolute;
    margin: 8px;
    font-size: 10px;
}

nav#secondary > ul > li > a {
    position: relative;
}

nav#secondary > ul > li > a > sup {
    position: absolute;
    top: 7px;
    right: 10px
}

#manageclouddiv [class^="cf-"] {
    font-size: 16px;
    cursor: pointer;
}

#manageclouddiv [data-action="rename"] i:first-child {
    margin-right: 10px;
    margin-left: 10px;
}

/*[data-content]{
    width:45%;
    display: inline-block;
    font-weight: bold;
}
[data-content] span:nth-child(3){
    text-align: center;
}*/
[data-content] input[type="checkbox"] {
    height: 18px;
    width: 18px;
}

[data-content] tr {
    font-weight: bold;
}


.searchbox {
    width: 26px;
    height: 24px;
    background: url(../img/FinalSprite.png?ver=1231) no-repeat -3px -116px;
    top: 7px;
    left: -409px;
}
#delUser {
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
    background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
    background-color:#fe1a00;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #d83526;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #b23e35;
    margin-left: 15px;
    margin-top: -8px;
}
#delUser:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
    background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
    background-color:#ce0100;
}
#delUser:active {
    position:relative;
    top:1px;
}