body{font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100%; position: relative;}
:focus{outline: none !important;}
button:focus{outline: none !important}
@font-face {
	font-family: "Nexa-Bold";
  src: url("../fonts/NexaBold.eot");
  src: url("../fonts/NexaBold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NexaBold.woff2") format("woff2"),
  url("../fonts/NexaBold.woff") format("woff"),
  url("../fonts/NexaBold.ttf") format("truetype"),
  url("../fonts/NexaBold.svg#NexaBold") format("svg");
}
@font-face {
	font-family: "Nexa-Light";
  src: url("../fonts/NexaLight.eot");
  src: url("../fonts/NexaLight.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NexaLight.woff2") format("woff2"),
  url("../fonts/NexaLight.woff") format("woff"),
  url("../fonts/NexaLight.ttf") format("truetype"),
  url("../fonts/NexaLight.svg#NexaLight") format("svg");
}
@font-face {
  font-family: "spyagencygradital";
  src: url("../fonts/spyagencygradital.eot");
  src: url("../fonts/spyagencygradital.eot?#iefix") format("embedded-opentype"),
  url("../fonts/spyagencygradital.woff2") format("woff2"),
  url("../fonts/spyagencygradital.woff") format("woff"),
  url("../fonts/spyagencygradital.ttf") format("truetype"),
  url("../fonts/spyagencygradital.svg#spyagencygradital") format("svg");
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?wff387');
  src:  url('../fonts/icomoon.eot?wff387#iefix') format('embedded-opentype'),
  url('../fonts/icomoon.ttf?wff387') format('truetype'),
  url('../fonts/icomoon.woff?wff387') format('woff'),
  url('../fonts/icomoon.svg?wff387#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.maincontainer{padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1560px;}
.maincontainer:after{display: table; content: " ";}
.maincontainer:before{display: table; content: " ";}
.maincontainer:after{clear: both;}
.dashboard{min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; background: url(../images/back-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed;}
.dashboard .dashboardcontainer{min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%;}
.dashboard .dashboardcontainer .sidegape{display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; background: 0 0; color: #757b94; width: 65%;}
.dashboard .dashboardcontainer .layoutcontainer{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 0; min-width: 0; max-width: 100%; background: rgba(255, 255, 255, 0.8); border-left: 1px solid #d1d1d1;}
.dashboard .dashboardcontainer .layoutcontainer .layoutcontent{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1;  -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.dashboard .dashboardcontainer .layoutcontainer .layoutcontent .layoutcontentinner{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.layoutfooter{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 40px 50px 0px 50px; text-align: center;}
.layoutfooter img{max-width: 100%; max-height: 100%;}

.dashboard .dashboardcontainer .layoutcontainer .loginpanel{float: left; width: 100%; padding: 70px 40px; }
.dashboard .dashboardcontainer .layoutcontainer .loginpanel .loginlogo{float: left; width: 100%; text-align: center;}
.dashboard .dashboardcontainer .layoutcontainer .loginpanel .loginlogo img{max-width: 100%; max-height: 100%;}
.dashboard .dashboardcontainer .layoutcontainer .loginpanel .loginform{padding: 100px 0px 20px 0px; float: left; width: 100%;}
.dashboard .dashboardcontainer .layoutcontainer .loginpanel .loginform h5{color: #2fa2d5; font-size: 20px; margin: 0px 0px 20px 0px; font-family: "Nexa-Bold";}
.dashboard .loginpanel .loginform .form-group{margin: 0px 0px 30px 0px;}
.dashboard .loginpanel .loginform .form-group .form-control{border: 1px solid #cccccc; height: 48px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; padding: 6px 20px; font-family: "Nexa-Light"; font-size: 16px; color: #a2a2a2;}
.dashboard .loginpanel .loginform .form-group .form-control:focus{border-color: #2fa2d5; box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.dashboard .loginpanel .loginform .loginbtn{display: block; text-align: center; font-size: 16px; text-transform: uppercase; background: #2fa2d5; border: none; outline: none; border-radius: 0px; -webkit-border-radius: 0px; width: 100%; padding: 0px; height: 48px; line-height: 52px; color: #fff; font-family: "Nexa-Bold"; letter-spacing: 1px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.dashboard .loginpanel .loginform .loginbtn:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.dashboard .loginpanel .loginform .loginbtn:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}

.dashboard .dashboardcontainer .afterlogin-sidegape{width: 25%;}
.dashboard .dashboardcontainer .layoutcontainer .afterloginpagepanel{float: left; width: 100%; padding: 70px 50px 10px 50px; }
.dashboard .dashboardcontainer .layoutcontainer .afterloginpagepanel .topheader{float: left; width: 100%;}
.afterloginpagepanel .topheader .logocontainer{float: left;}
.afterloginpagepanel .topheader .logocontainer img{max-width: 220px; max-height: 100%;}
.afterloginpagepanel .topheader .navbarpanel{float: right; margin: 0px 0px 70px 0px;}
.afterloginpagepanel .topheader .navbarpanel ul{display: block; text-align: left; margin: 0px; padding: 0px;}
.afterloginpagepanel .topheader .navbarpanel li{display: inline-block; text-align: left; margin: 0px; padding: 0px;}
.afterloginpagepanel .topheader .navbarpanel li:last-child a{padding: 0px 0px 0px 15px;}
.afterloginpagepanel .topheader .navbarpanel li a{color: #31a2d5; text-decoration: none; padding: 0px 15px; font-size: 13px; font-family: "Nexa-Bold"; text-transform: uppercase; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.afterloginpagepanel .topheader .navbarpanel li a:hover{color: #231f20;}
.afterloginpagepanel .topheader .navbarpanel li + li a{border-left: 1px solid #31a2d5;}
.afterloginpagepanel .topheader .navbarpanel .navicon{display: block; text-align: right; padding: 30px 0px 0px 0px;}
.afterloginpagepanel .topheader .navbarpanel .navicon a{text-decoration: none; font-size: 1.5em; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; color: #47a2d5;}
.nav-bar{font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.nav-bar:before {content: "\e900";}
.afterloginpagepanel .topheader .navbarpanel .navicon a:hover{color: #231f20;}
.afterloginpagepanel .topheader .navbarpanel .navicon a img{max-width: 40px; max-height: 100%;}
.afterloginpagepanel .topheader .navigation{float: left; width: 100%; padding: 0px;}
.afterloginpagepanel .topheader .navigation ul{float: left; width: 100%; text-align: left; margin: 0px; padding: 0px;} 
.afterloginpagepanel .topheader .navigation ul li{list-style: none; float: left; text-align: left; margin: 0px; padding: 0px;} 
.afterloginpagepanel .topheader .navigation ul li a{list-style: none; float: left; width: 100%; text-align: left; margin: 0px; padding: 0px; text-decoration: none; font-family: "Nexa-Bold"; font-size: 14px; text-transform: uppercase; padding: 0px 15px; color: #31a2d5; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} 
.afterloginpagepanel .topheader .navigation ul li:first-child a{padding-left: 0px;}
.afterloginpagepanel .topheader .navigation ul li a:hover{color: #231f20;}
.afterloginpagepanel .tablesection{float: left; width: 100%; margin: 60px 0px 0px 0px;}
.afterloginpagepanel .tablesection .form-group{margin: 0px 0px 30px 0px;}
.afterloginpagepanel .tablesection .form-group .upload-img{margin-bottom:10px;}
.afterloginpagepanel .tablesection .form-group h4 .upload-img{display: inline-block; padding-left: 15px; margin-bottom: 0px;}
.afterloginpagepanel .tablesection .form-group .form-control{border: 1px solid #cccccc; height: 42px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; padding: 7px 15px; font-family: "Nexa-Light"; font-size: 16px; color: #a2a2a2; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;}
.afterloginpagepanel .tablesection .form-group textarea.form-control{resize: none;}
.afterloginpagepanel .tablesection .form-group .form-control:focus{border-color: #2fa2d5; box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.afterloginpagepanel .tablesection .searchbtn{display: block; text-align: center; font-size: 16px; text-transform: uppercase; background: #2fa2d5; border: none; outline: none; border-radius: 0px; -webkit-border-radius: 0px; width: 100%; padding: 0px; height: 42px; line-height: 44px; color: #fff; font-family: "Nexa-Light"; font-weight: bold; letter-spacing: 1px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.afterloginpagepanel .tablesection .searchbtn:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.afterloginpagepanel .tablesection .searchbtn:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.afterloginpagepanel .tablesection .table{border: none;}
.afterloginpagepanel .tablesection .table thead tr th{border: none; border-bottom: 1px solid #d7d7d6; color: #615e5e; font-weight: 700; padding: 13px 4px; font-size: 15px;}
.afterloginpagepanel .tablesection .table tbody tr td{border: none; border-bottom: 1px solid #d7d7d6; color: #615e5e; padding: 13px 2px; font-size: 15px;}
.afterloginpagepanel .tablesection .table tbody tr td .green{color: #26b899;}

.paginate{float: right; margin: 20px 0px 0px 0px; padding: 0px;}
.paginate li, .paginate span{display: inline-block; text-align: center; width: 40px; height: 40px; color: #494849; font-size: 20px; font-weight: 600;}
.paginate li.active a, .paginate li.active span{color: #000000;}
.paginate li a, .paginate li span{color: #494849; text-decoration: none; display: block; text-align: center; line-height: 40px;}
.paginate li.next a, .paginate li.next span{color: #6e989d;}

.inventorwrap{float: left; width: 100%;}
.inventorcontent{float: left; width: 100%;}
.inventorcontent .flexcontent{float: left; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.inventorcontent .flexcontent .flextleft{padding: 0px; float: left; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; background: #65afdb; padding: 38px 30px;}
.inventorcontent .flexcontent .flextleft h4{color: #fff; font-size: 19px; font-weight: 500;}
.inventorcontent .flexcontent .flextleft h4 strong{font-weight: 600;}
.inventorcontent .flexcontent .flextleft p{color: #fff; font-size: 15px; font-weight: 500;}
.inventorcontent .flexcontent .flextright{padding: 0px; float: left; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; background: #eaecf2;}
.inventorcontent .flexcontent .flextright .flexwr{float: left; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.inventorcontent .flexcontent .flextright .flexwr .flex3{padding: 15px 9px; float: left; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
.inventorcontent .flexcontent .flextright .flexwr .flex3 span{color: #42454c; font-size: 14px; font-weight: 500; padding-left: 30px; position: relative; word-break: break-all;  float: left;}
.inventorcontent .flexcontent .flextright .flexwr .flex3 span i{font-style: normal; position: absolute; left: 0px; top: 0px; text-align: center;}
.inventorcontent .flexcontent .flextright .flexwr .flex3 span i img{max-width: 25px; max-height: 25px;}
.inventorcontent .flexcontent .flextright .flexwr .flex3.borderbottom{border-bottom: 1px solid #afafb5;}
.inventorcontent .flexcontent .flextright .flexwr .flex3.borderright{border-bottom: 1px solid #afafb5; border-right: 1px solid #afafb5;}
.inventorcontent .flexcontent .flextright .flexwr .flex3.flex6{-ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%;}
.inventorcontent .flexcontent .flextright .flexwr .flex3.borderrightone{border-right: 1px solid #afafb5;}

.inventionprofile{float: left; width: 100%; margin: 40px 0px 0px 0px;}
.inventionprofile .panel-group { float: left; ; width: 100%; }
.inventionprofile .panel-group .panel { border-radius:0px; float:left; width: 100%; background: 0 0; border: none; box-shadow: 0px 0px 0px #fff; -webkit-box-shadow: 0px 0px 0px #fff;}
.inventionprofile .panel-default>.panel-heading { background: #fff; padding:0px; float: left; width: 100%; }
.inventionprofile .panel-title { float: left; width: 100%; position: relative; }
.inventionprofile .panel-default>.panel-heading .panel-title a { background:#65afdb; padding:10px 15px; padding-right: 40px; float: left; ; width: 100%; font-family: 'Open Sans', sans-serif; text-align: left; font-size: 17px; color: #fff; font-weight: 600; text-decoration: none; }
.inventionprofile .panel-default>.panel-heading .panel-title .collapsed:after { content: "\002b"; font-family: 'FontAwesome'; color: #fff; position: absolute; right: 10px; top: 8px; width: 24px; height: 24px; text-align: center;line-height: 22px; border: 1px solid #fff; border-radius: 50%;}
.inventionprofile .panel-default>.panel-heading .panel-title a:after{content: "\2212"; font-family: 'FontAwesome'; color: #fff; position: absolute; right: 10px; top: 8px; width: 24px; height: 24px; text-align: center;line-height: 22px; border: 1px solid #fff; border-radius: 50%;}
.inventionprofile .panel-collapse { float: left; width: 100%; }
.inventionprofile h3 { font-family: 'Open Sans', sans-serif; text-align: left; font-size: 20px; font-weight: 600; color: #333; letter-spacing: 1px; }
.inventionprofile .panel-collapse .panel-body {font-family: 'Open Sans', sans-serif; text-align: left; font-size: 14px; font-weight: 500; color: #333; padding: 15px 0px; background: 0 0; border: none; box-shadow: 0px 0px 0px #fff; -webkit-box-shadow: 0px 0px 0px #fff;}
.inventionprofile .panel-collapse .panel-body p{color: #000101; font-size: 16px; font-weight: 500; line-height: 22px; margin: 0px 0px 15px 0px;}
.inventionprofile .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border: none; }

.welcomecontent{float: left; width: 100%; padding-top: 30px;}
.welcomecontent h3{color: #000000; font-size: 18px; font-weight: 500; font-style: italic; margin: 10px 0px 10px 0px; text-align: center;}
.welcomecontent .welcomeheading{display: block; text-align: center; font-family: "spyagencygradital"; font-size: 36px; color: #000000; text-align:center; margin: 15px 0px 30px 0px;}
.welcomecontent .edit-button-side{float:right;}
.welcomecontent .edit-button-side .shareJS1{background: #31a2d5;color: #fff;
    border-radius: 0px;padding: 7px 24px;-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;appearance: none;-moz-appearance: none;
    -webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);font-size: 15px;font-weight: 600;}
.welcomecontent .edit-button-side .shareJS1:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);text-decoration: none;}
.welcomecontent .edit-button-side .shareJS1:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);text-decoration: none;}
.welcomecontent .edit-button-side .shareJS1 span{padding-left:5px;}




.creationvideopanel{float: left; width: 100%; padding-bottom: 60px;}
/* 27.11.2018 */
.tablesection .nav-tabs{border-bottom:1px solid #afd7ee;}
.tablesection .nav-tabs > li {text-align: center;}
.tablesection .nav-tabs > li a{background-color:rgba(64,163,219,.4) !important;outline: 0; transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-webkit-appearance: none; color:#423e41; font-weight:600;}
.tablesection .nav-tabs > li.active > a, .tablesection .nav-tabs > li > a:hover{background-color:#31a2d5 !important; color:#fff; font-weight:600;}
.afterloginpagepanel .tablesection .table tbody tr td a{padding:0 10px; color:#615e5e;}
.afterloginpagepanel .tablesection .table tbody tr td a:hover{text-decoration:none; color:#31a2d5;}
.afterloginpagepanel .tablesection .table tbody tr td a:first-child{padding-left:0px;}
.newBtnRap2{float:right;width:100%;}
.newBtnRap2 .btn-sec{float:right; padding:22px 0;}
.newBtnRap2 .btn-sec .jsDelete{background: #231f20;padding: 8px 17px;color: #fff; border-radius:0px;appearance: none;-moz-appearance: none;-webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.newBtnRap2 .btn-sec .jsDelete:hover,.newBtnRap2 .btn-sec .jsDelete:focus{background:#231f20d1; text-decoration:none;}
.newBtnRap2 .btn-sec .newBtn2{background: #31a2d5;color: #fff;border-radius: 0px;padding: 7px 17px;appearance: none;-moz-appearance: none;-webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.newBtnRap2 .btn-sec .newBtn2:hover, .newBtnRap2 .btn-sec .newBtn2:focus{background:#31a2d5a6; text-decoration:none;}
#searchTbl input[type="checkbox"]{opacity:0;}
#searchTbl .checkbox{padding-left: 20px; margin-top: 0px; margin-bottom: 25px;}
#searchTbl .checkbox + .checkbox{margin-top: 10px;}
#searchTbl .checkbox label {display: inline-block; position: relative; padding-left: 5px; color: #444444; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 500; line-height: 14px;}
#searchTbl .checkbox label::before {content: ""; display: inline-block; position: absolute; width: 30px; height: 30px; left: 0px; margin-left: -7px;border-radius: 1px;background-color: rgba(0,0,0,0.25);-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
#searchTbl .checkbox label::after {display: inline-block; position: absolute; width: 13px; height: 13px; left: 0; top: 0; margin-left: 0px;padding-left: 0px;padding-top: 7px;font-size: 16px;color: #fff; }
#searchTbl .checkbox input[type="checkbox"] {opacity: 0;}
#searchTbl .checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px; }
#searchTbl .checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome'; content: "\f00c"; }
#searchTbl .checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
#searchTbl .checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed; }

.time-settings .passCal {width: 100%;padding:10px 0;}
.passCal {text-align: left;padding: 10px 0;color: #231f20;margin: 10px 0 0 0; font-weight:600;}
.time-settings .passCal select {width: 160px; margin-top: 15px; color:#000;}
.time-settings .top-gap { padding-top: 10px;}
.time-settings .btnRap{padding:18px 0;}
.time-settings .btnRap .btnDlt-2{background: #231f20;padding: 8px 17px;color: #fff; border-radius:0px;appearance: none;-moz-appearance: none;-webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.time-settings .btnRap .btnDlt-2:hover,.time-settings .btnRap .btnDlt-2:focus{background:#231f20d1; text-decoration:none;}
.time-settings .btnRap .btn-sub{background: #31a2d5;color: #fff;border-radius: 0px;padding: 7px 17px;appearance: none;-moz-appearance: none;-webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.time-settings .btnRap .btn-sub:hover, .time-settings .btnRap .btn-sub:focus{background:#31a2d5a6; text-decoration:none;}

/* 29-11-2018 */
.afterloginpagepanel .tablesection .userprofile{float: left; width: 100%; position: relative; height:275px; border:3px solid #7bc2e2;}
.afterloginpagepanel .tablesection .userprofile img{width: 100%; max-height: 100%;width: 100px;height: 100px;position: absolute;top: 60px;left: 0;right: 0;bottom: 0;margin: 0 auto;text-align: center;}
.afterloginpagepanel .tablesection .userprofile input{position: absolute; bottom: 0px;}
.afterloginpagepanel .tablesection .userprofile .bootstrap-filestyle {position: absolute; right: 10px; left: 10px; bottom: 10px; display: block; -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.afterloginpagepanel .tablesection .userprofile .bootstrap-filestyle .group-span-filestyle{width: 100%; float: left;}
.afterloginpagepanel .tablesection .userprofile .bootstrap-filestyle .group-span-filestyle .btn{width: 100%; font-family: "spyagencygradital"; font-size: 13px; background: rgba(49, 162, 213, 0.62); border: none; outline: none; border-radius: 0px; padding: 10px 10px 9px 10px; letter-spacing: 1px;}
.afterloginpagepanel .tablesection .userrightvideo{float: left; width: 100%;}
.afterloginpagepanel .tablesection .userrightvideo h4{color: #000000; font-size: 20px; font-weight: 600; margin: 0px 0px 10px 0px; text-align: left;}
.afterloginpagepanel .tablesection .userrightvideo .profileinput .form-group{margin-bottom: 15px; position: relative;}
.afterloginpagepanel .tablesection .userrightvideo .profileinput .form-group .fa{position: absolute; right: 15px; top: 31px;}
.afterloginpagepanel .tablesection .userrightvideo .profileinput .form-group .form-control{height: 36px;}
.afterloginpagepanel .tablesection .userrightvideo .profileinput .form-group label{margin-bottom: 0px;}
.bootstrap-datetimepicker-widget table td.today:before{border-bottom-color: #31a2d5;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{background-color: #31a2d5; border-color: #31a2d5;}
.bootstrap-datetimepicker-widget table td.day{border-radius: 30px; padding: 8px; text-shadow: 0px 0px 0px #fff;}
.daterangepicker .calendar td{border-radius: 30px;}
.afterloginpagepanel .addcolumn{margin: 20px -10px 20px -10px; position: relative;}
.afterloginpagepanel .coladdc{float: left; width: 20%; position: relative; padding: 10px; overflow: hidden; margin-right:0px; border:none; background:transparent;}
.afterloginpagepanel .coladdc .filebtn{position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; max-width: 100%; opacity: 0; cursor: pointer;}
.afterloginpagepanel .coladdc .coladdcouter{float: left; width: 100%; text-decoration: none; position: relative; height: 196px; border: 1px solid #31a2d5; box-shadow: 4px 4px 0px 1px #31a2d5; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.afterloginpagepanel .coladdc .coladdcouter img{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; text-align: center; vertical-align: middle; margin: auto; max-width: 100%; max-height: 100%;}
.afterloginpagepanel .coladdc .coladdcouter:hover{border: 1px solid #176588; box-shadow: 4px 4px 0px 1px #176588;}
.afterloginpagepanel .ckeditorepanel{float: left; width: 100%; position: relative; margin-top: 30px;}
.afterloginpagepanel .ckeditorepanel .editorinputtop{display: table; padding: 15px 20px; background: #31a2d5; min-width: 261px;}
.afterloginpagepanel .ckeditorepanel .editorinputtop .form-control{-webkit-border-radius: 0px; border-radius: 0px; background: 0 0; border: 1px solid #fff; height: 42px; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; font-size: 16px;}
.afterloginpagepanel .ckeditorepanel .editorinputtop .form-control::-moz-placeholder {color: transparent; opacity: 1;}
.afterloginpagepanel .ckeditorepanel .editorinputtop .form-control:-ms-input-placeholder {color: #fff;}
.afterloginpagepanel .ckeditorepanel .editorinputtop .form-control::-webkit-input-placeholder {color: #fff;}
.afterloginpagepanel .ckeditorepanel .editorinputtop .form-control::-ms-expand {background-color: transparent; border: 0; color: #fff;}
.afterloginpagepanel .inventorprofile{float: left; width: 100%; margin-top: 30px;}
.afterloginpagepanel .inventorprofile .form-group{position: relative;}
.afterloginpagepanel .inventorprofile .form-group .fa-caret-down{position: absolute; right: 15px; top: 39px;}
.afterloginpagepanel .inventorprofile h3{color: #000000; font-size: 24px; font-weight: 600; margin: 0px 0px 20px 0px; text-align: left;}
.afterloginpagepanel .inventorprofile p{color: #000; font-size: 16px;}
.afterloginpagepanel .publishbtn{display: table; text-align: center; font-size: 16px; text-transform: uppercase; background: #2fa2d5; border: none; outline: none; border-radius: 0px; -webkit-border-radius: 0px; float: left; margin: 20px 0px 20px 0px; padding: 0px 40px; height: 48px; line-height: 52px; color: #fff; font-family: "Nexa-Bold"; letter-spacing: 1px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.afterloginpagepanel .publishbtn:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.afterloginpagepanel .publishbtn:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.radio{padding-left: 20px;}
.radio label {display: inline-block; position: relative; padding-left: 5px;}
.radio label::before {content: ""; display: inline-block; position: absolute; width: 22px; height: 22px; left: 0; margin-left: -20px;border: 1px solid #cccccc;border-radius: 50%;background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out;}
.radio label::after {display: inline-block;position: absolute;content: " ";width: 12px;height: 12px;left: 5px;top: 5px; margin-left: -20px;border-radius: 50%;background-color: #555555;-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);}
.radio input[type="radio"] {opacity: 0;}
.radio input[type="radio"]:focus + label::before {outline: thin dotted; outline: 0px auto -webkit-focus-ring-color;    outline-offset: 0px;}
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1); -o-transform: scale(1, 1);transform: scale(1, 1);}
.radio input[type="radio"]:disabled + label {opacity: 0.65;}
.radio input[type="radio"]:disabled + label::before{cursor: not-allowed; }
.afterloginpagepanel .radio{float: left; margin-right: 9px; margin-top: 0px; margin-bottom: 15px;}
.afterloginpagepanel .radio + .radio{margin-top: 0px; margin-bottom: 15px;}
.afterloginpagepanel .radio label::before{border-color: #a0a0a0;}
.afterloginpagepanel .radio label::after{border-color: #31a2d5; background-color: #31a2d5;}
.afterloginpagepanel .radio label{color: #393939; font-size: 15px; font-family: "Nexa-Bold"; font-weight: 500; line-height: 25px; padding-left: 10px;}


/* 30.11.2018 - Payal*/
.afterloginpagepanel .tablesection .top-text-add{padding:5px 0 15px 0; float:left; width:100%;}
.afterloginpagepanel .tablesection .top-text-add h3{color:#2fa2d5; font-size:24px;font-weight: 600;text-align: left;float: left;margin: 0;}
.afterloginpagepanel .tablesection .top-text-add i{color:#2fa2d5; font-size:24px; float:right;}
.add-user-page .checkbox input[type="checkbox"] {opacity: 0;}
.add-user-page .checkbox{padding-left: 10px; margin-top: 0px; margin-bottom: 25px;}
.add-user-page .checkbox + .checkbox{margin-top: 10px;}
.add-user-page .checkbox label {display: inline-block; position: relative; color: #444444; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 500; line-height: 16px;}
.add-user-page .checkbox label::before {content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0px; margin-left: -7px;border-radius: 1px;background-color: rgba(0,0,0,0.25);-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.add-user-page .checkbox label::after {display: inline-block; position: absolute; width: 13px; height: 13px; left: -3px; top: 2px; margin-left: 0px;padding-left: 0px;padding-top: 0px;font-size: 13px;color: #fff; }
.add-user-page .checkbox input[type="checkbox"] {opacity: 0;}
.add-user-page .checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px; }
.add-user-page .checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome'; content: "\f00c"; }
.add-user-page .checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.add-user-page .checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed; }

.add-user-page .btn-sec{float:right; padding:22px 0;}
.add-user-page .btn-sec .cancel-btn{background: #231f20;padding: 8px 17px;color: #fff; border-radius:0px;appearance: none;-moz-appearance: none;-webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.add-user-page .btn-sec .cancel-btn:hover,.add-user-page .btn-sec .cancel-btn:focus{background:#231f20d1; text-decoration:none;}
.add-user-page .btn-sec .submit-btn{background: #31a2d5;color: #fff;border-radius: 0px;padding: 7px 17px;appearance: none;-moz-appearance: none;-webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.add-user-page .btn-sec .submit-btn:hover, .add-user-page .btn-sec .submit-btn:focus{background:#31a2d5a6; text-decoration:none;}

.view-user-page .table{border: none;}
.view-user-page .table thead tr th{border: none; border-bottom: 1px solid #d7d7d6; color: #615e5e; font-weight: 700; padding: 13px 4px; font-size: 15px;}
.view-user-page .table tbody tr td{border: none; border-bottom: 1px solid #d7d7d6; color: #615e5e; padding: 13px 2px; font-size: 15px;}
.view-user-page .table tbody tr td .green{color: #26b899;}

/* 1.12.2018 */
.error-message{color:red;}

/* 4.12.2018 */
.password-change-sec{padding:15px 0;}
.password-change-sec .btn-sec{float:right; padding:22px 0;}
.password-change-sec .btn-sec .submit-btn{background: #31a2d5;color: #fff;border-radius: 0px;padding: 7px 17px;appearance: none;-moz-appearance: none;-webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.password-change-sec .btn-sec .submit-btn:hover, .add-user-page .btn-sec .submit-btn:focus{background:#31a2d5a6; text-decoration:none;}

.afterloginpagepanel .tablesection .division-tab{padding:20px 0;}
.afterloginpagepanel .tablesection .form-group .btn-choose{padding: 9px 15px;font-size: 15px;border-radius:0px;}
.afterloginpagepanel .tablesection .form-group .btn-reset{padding: 9px 15px;font-size: 15px;background: #31a2d5;color: #fff;border-radius: 0px; border:1px solid #31a2d5;}
.errorClass{border:solid 2px #cc3f57 !important;}


/* 6.12.2018 */

.afterloginpagepanel .coladdc .coladdcouter .file_btn{position: absolute; z-index: 1; right:0px; top:0; text-align: center; background:transparent; transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out;}
.afterloginpagepanel .coladdc .coladdcouter .file_btn a{text-align: center; background: #58b1e3; display: inline-block;}
.afterloginpagepanel .coladdc .coladdcouter .file_btn a i{color: #fff; font-size: 12px; padding:5px 8px;}


/* 7.12.2018 */
.afterloginpagepanel .tablesection .demo ul{list-style: none outside none;   padding-left: 0;margin: 0;}
.afterloginpagepanel .tablesection .demo .item{margin-bottom: 60px;}
.afterloginpagepanel .tablesection .demo{width: 100%; float:left;}
.afterloginpagepanel .tablesection .demo #image-gallery li{position:relative;}
.afterloginpagepanel .tablesection .demo #image-gallery li .file_btn{position: absolute; z-index: 1; right:0px; top:0; text-align: center; background: #58b1e3; transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out;}
.afterloginpagepanel .tablesection .demo #image-gallery li .file_btn a{text-align: center;}
.afterloginpagepanel .tablesection .demo #image-gallery li .file_btn a i{color: #fff; font-size: 12px; padding:5px 8px;}
.afterloginpagepanel .tablesection .demo #image-gallery img{width:100%;}
.editimage-modal .modal-header{background-color: #31a2d5;border-bottom: 1px solid #1c81af;}
.editimage-modal .modal-header .close{color:#fff; opacity:0.75;}
.editimage-modal .modal-header .modal-title{color:#fff; font-size:18px; font-weight:600;}
.editimage-modal .modal-body .body-image{height:100%; width:100%;}
.editimage-modal .modal-body .body-image img{max-width:100%; max-height:100%; margin:0 auto;}
.editimage-modal .modal-body .modalbody-input{padding:20px 0 0 0;}
.editimage-modal .modal-body .modalbody-input .upload-file{position:relative; display:block;}
.editimage-modal .modal-body .modalbody-input input[type="file"] {opacity:0; top:0; left:0; bottom:0; right:0; position:absolute; cursor:pointer;}
.editimage-modal .modal-body .modalbody-input .custom-file-upload {border: 1px solid #31a2d5;display: inline-block;padding: 6px 12px;cursor: pointer;background-color: #31a2d5;color: #fff;}
.editimage-modal .modal-body .modalbody-input  select#img_position {
  -webkit-appearance: button;-webkit-border-radius: 2px;-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);-webkit-padding-end: 20px;-webkit-padding-start: 2px;-webkit-user-select: none;background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #31a2d559);background-position: 97% center;background-repeat: no-repeat;border: 1px solid #31a2d5;color: #555;font-size: inherit;margin: 20px 0;overflow: hidden;padding: 5px 10px;white-space: inherit;width: 50%;}
.editimage-modal .modal-body .modalbody-input select#img_position {
  color: #000;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 0px;padding-left: 15px;}
.editimage-modal .modal-footer{background-color: #fff;border-bottom: 1px solid #1c81af;}
.editimage-modal .modal-footer #submitEdit{text-align: center; font-size: 16px; text-transform: uppercase; background: #2fa2d5; border: none; outline: none; border-radius: 0px; -webkit-border-radius: 0px; float: right; padding: 10px 32px; color: #fff; font-family: "Nexa-Bold"; letter-spacing: 1px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.editimage-modal .modal-footer #submitEdit:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.editimage-modal .modal-footer #submitEdit:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.afterloginpagepanel .tablesection .plusandtext{float:left; width:100%; display:block; margin:15px 0;}
.afterloginpagepanel .tablesection .plusandtext .text{float:left;color: #000000;
    font-size: 20px;font-weight: 600;}
.afterloginpagepanel .tablesection .plusandtext .plusicon{float:right;    height: 30px;width: 30px;border-radius: 30px;line-height: 28px;background: #58b1e3;transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;}
.afterloginpagepanel .tablesection .plusandtext .plusicon a{ text-align:center;}
.afterloginpagepanel .tablesection .plusandtext .plusicon a i{color: #fff;font-size: 12px;}

.welcomecontent .right-side-btns{padding:15px 0 25px 0; float:left; width:100%;}
.welcomecontent .share-button{float:right; margin-right:12px;}
.welcomecontent .share-button .shareJS{background: #31a2d5;color: #fff;-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;border-radius: 0px;padding: 7px 24px;appearance: none;-moz-appearance: none;
    -webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);font-size: 15px;font-weight: 600;}
.welcomecontent .share-button .shareJS:hover{text-decoration: none; box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.welcomecontent .share-button .shareJS:focus{text-decoration: none; box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.welcomecontent .share-button .shareJS span{padding-left:5px;}

#add-modal .modal-header{background-color: #31a2d5;border-bottom: 1px solid #1c81af;}
#add-modal .modal-header .close{color:#fff; opacity:0.75;}
#add-modal .modal-header .modal-title{color:#fff; font-size:18px; font-weight:600;}
#add-modal .modal-body .body-image{height:100%; width:100%;}
#add-modal .modal-body .body-image img{max-width:100%; max-height:100%; margin:0 auto;}
#add-modal .modal-body .modalbody-input{padding:20px 0 0 0;}
#add-modal .modal-body .modalbody-input .upload-file{position:relative; display:block;}
#add-modal .modal-body .modalbody-input input[type="file"] {opacity:0; top:0; left:0; bottom:0; right:0; position:absolute; cursor:pointer;}
#add-modal .modal-body .modalbody-input .custom-file-upload {border: 1px solid #31a2d5;display: inline-block;padding: 6px 12px;cursor: pointer;background-color: #31a2d5;color: #fff;}
#add-modal .modal-footer{background-color: #fff;border-bottom: 1px solid #1c81af;}
#add-modal .modal-footer #submitEdit{text-align: center; font-size: 16px; text-transform: uppercase; background: #2fa2d5; border: none; outline: none; border-radius: 0px; -webkit-border-radius: 0px; float: right; padding: 10px 32px; color: #fff; font-family: "Nexa-Bold"; letter-spacing: 1px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#add-modal .modal-footer #submitEdit:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
#add-modal .modal-footer #submitEdit:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.tablesection .edit-button-side{float:right;}
.tablesection .edit-button-side .shareJS{background: #31a2d5;color: #fff; float:left;border-radius: 0px;padding: 7px 24px;-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;appearance: none;-moz-appearance: none;
    -webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);font-size: 15px;font-weight: 600;}
.tablesection .edit-button-side .shareJS:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);text-decoration: none;}
.tablesection .edit-button-side .shareJS:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);text-decoration: none;}
.tablesection .edit-button-side .shareJS span{padding-left:5px;}
.image-frame{height: 162px; display: block;}
.image-frame img{object-fit: cover; height: 100%;}
.msd-slider-inner-wrapper {max-width: 300px;}
.sharemodal-class{z-index: 9999;}

/* 18.12.2018 */
.inventorcontent .flexcontent .flextright .flexwr .flex3 span a{color: #31a2d5;}
/* 26.12.2018 */
#msd-responsive-3d-slider .middle .image-frame.play-video::after,
#msd-responsive-3d-slider .middle .image-frame.pause-video::after,
#msd-responsive-3d-slider .middle .image-frame::after {background-color: transparent; background-image: none; width: 139%; height: 138%; top: -4%; left: -19%; transform: none;
    content: ""; z-index: 3;}
#msd-responsive-3d-slider .image-frame iframe{ display: block!important;}

.stikybuttons{position: fixed; left: -114px; top: 250px; width: 265px; transform: rotate(-90deg); z-index: 9999;}
.stikybuttons .edit-button-side{float:right;}
.stikybuttons .edit-button-side .shareJS1{background: #31a2d5;color: #fff; display: block; border-radius: 0px;padding: 7px 24px;-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;appearance: none;-moz-appearance: none;
    -webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);font-size: 15px;font-weight: 600;}
.stikybuttons .edit-button-side .shareJS1:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);text-decoration: none;}
.stikybuttons .edit-button-side .shareJS1:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);text-decoration: none;}
.stikybuttons .edit-button-side .shareJS1 span{padding-left:5px;}
.stikybuttons .right-side-btns{padding:15px 0 25px 0; float:left; width:100%;}
.stikybuttons .share-button{float:right; margin-right:12px;}
.stikybuttons .share-button .shareJS{float: left; display: block; background: #31a2d5;color: #fff;-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;border-radius: 0px;padding: 7px 24px;appearance: none;-moz-appearance: none;
    -webkit-appearance: none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);font-size: 15px;font-weight: 600;}
.stikybuttons .share-button .shareJS:hover{text-decoration: none; box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.stikybuttons .share-button .shareJS:focus{text-decoration: none; box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.stikybuttons .share-button .shareJS span{padding-left:5px;}
.msd-slider-loader{z-index: 99;}
/* 30-01-2019 */

.inventorcontent .inv_icon img{width: 420px;margin: 0 auto;}


/* 2.2.2019 */
.afterloginpagepanel .addcolumn .entire-sec{float: left;width: 20%;position: relative;padding: 10px;}
.afterloginpagepanel .addcolumn .entire-sec .plusicon{float: left;width: 100%;text-decoration: none;position: relative;height: 196px;border: 1px solid #31a2d5;box-shadow: 4px 4px 0px 1px #31a2d5;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.afterloginpagepanel .addcolumn .entire-sec .plusicon .fa{position: absolute;top: 40%;left: 40%;background: #58b1e3;height: 30px;width: 30px;color: #fff;padding: 8px 0 0 10px;border-radius: 30px;}
.addimgheading{float: left; width: 100%; padding: 0px 10px;}
.addimgheading h4{color: #000000; font-size: 20px; font-weight: 600; margin: 0px 0px 10px 0px; text-align: left;}

.dname{padding-left: 36px; margin: 18px 0px; float: right; display: table;}
.dname label {display: inline-block; position: static; padding-left: 5px; color: #444444; font-size: 15px; font-weight: 500; line-height: 28px;}
.dname label::before {content: ""; display: inline-block; position: absolute; width: 30px; height: 30px; left: 0px; margin-left: 0px;border-radius: 3px;background-color: #31a2d5;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.dname label::after {display: inline-block; position: absolute; width: 30px; height: 30px; left: 0; top: 0; margin-left: 0px;padding-left: 7px;padding-top: 2px; font-size: 16px;color: #fff; }
.dname input[type="checkbox"] {opacity: 0; top: 0;}
.dname input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px; }
.dname input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome'; content: "\f00c"; }
.dname input[type="checkbox"]:disabled + label {opacity: 0.65; }
.dname input[type="checkbox"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed; }
.afterloginpagepanel .ckeditorepanel .editdi{display: table; width: 100%;}
.afterloginpagepanel .ckeditorepanel .editdi .editorinputtop{float: left;}

/* 22.5.2019 */
.btnn-save{display: block; margin: 15px 0;}
.btnn-save .savebtn{display: block; text-align: center; font-size: 16px; text-transform: uppercase; background: #2fa2d5; border: none; outline: none; border-radius: 0px; -webkit-border-radius: 0px; padding: 0px; padding: 0px 30px; line-height: 42px; color: #fff; font-family: "Nexa-Bold"; letter-spacing: 1px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.btnn-save .savebtn:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.btnn-save .savebtn:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.forgot_password_link{float: right;text-align: right;text-decoration: none;font-family: "Nexa-Bold";font-size: 14px;text-transform: uppercase;padding: 10px 0px;color: #31a2d5;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.forgot_password_link:hover{color: #231f20;text-decoration: none;}
.sendEmail{display: block; text-align: center; font-size: 16px; text-transform: uppercase; background: #2fa2d5; border: none; outline: none; border-radius: 0px; -webkit-border-radius: 0px; width: 100%; padding: 0px; height: 48px; line-height: 52px; color: #fff; font-family: "Nexa-Bold"; letter-spacing: 1px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.sendEmail:hover{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.sendEmail:focus{box-shadow: 0px 0px 0px 4px rgba(47, 162, 213, 0.55);}
.email_error_message{margin-bottom: 0;color: rgb(204, 63, 87);}
.forget_password_header{display: flex;justify-content: space-between;}
.forget_password_header i{color: #2fa2d5;font-size: 24px;float: right;}