html {
    scroll-behavior: smooth;
}
body {
    color: #25383C;
    max-width: 100%;
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    font-family: Arial, Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
    /*font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 150%;
    line-height: 1em;
    font-size: 13px;*/
    /*background: url(../../Content/images/bg-vegetables-400.jpg) repeat;
    background: url(http://vectorgraphicsblog.com/wp-content/uploads/2012/05/green-vegetables-vector-set.jpg) repeat;*/
}
.body-content {
    margin:0px auto;
    /*padding-top:10px;*/
    width:100%;
}

/*.container-fluid {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left:0px !important;
    padding-right:0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}*/
/*.container {
    max-width:99% !important;
}*/
h1{
    font-size: 40px !important;
}
h2 {
    font-size: 30px !important;
}
h3 {
    font-size: 22px !important;
}
h4 {
    font-size: 18px !important;
}
.loading-spin {
    display:none;
}
.progressBar {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    /*background:url(spinner.gif) no-repeat center #fff;*/
    text-align:center;
    padding:10px;
    background-color:#fff;
	-moz-border-radius:5px;  
	border-radius: 5px;  
	-webkit-border-radius: 5px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    z-index:10000;
    overflow: auto;
}

.drop-shadow 
{
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .3);
    border-radius:5px;
}
/*Kanban Board*/
.kanban-container {
    position: relative;
    box-sizing: border-box;
    width: auto;
}

.kanban-container * {
    box-sizing: border-box;
}

.kanban-container:after {
    clear: both;
    display: block;
    content: "";
}

.kanban-board {
    position: relative;
    float: left;
    /*background: #E2E4E6;*/
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.kanban-board.disabled-board {
    opacity: .3;
}

.kanban-board.is-moving.gu-mirror {
    /*transform: rotate(3deg);*/
}

.kanban-board.is-moving.gu-mirror .kanban-drag {
    overflow: hidden;
    padding-right: 50px;
}

.kanban-board header {
    font-size: 16px;
    padding: 10px;
}

.kanban-board header .kanban-title-board {
    font-weight: 700;
    margin: 0;
    padding: 0;
    display: inline;
}

.kanban-board header .kanban-title-button {
    float: right;
}

.kanban-board .kanban-drag {
    min-height: 100px;
    /*padding: 20px;*/
}

.kanban-board:after {
    clear: both;
    display: block;
    content: "";
}

.kanban-item {
    background: #fff;
    padding-top: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    /*overflow-y: auto;*/
}

.kanban-item .issue {
    margin-top:5px;
    padding: 0px;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    font-size: 13px;
}
.kanban-item .issue .item-header {
    /*margin-bottom: 5px;*/
    padding: 5px;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    font-size: 15px;
    color: grey;
}
.kanban-item .item-content .item-content-header {
    color: Highlight;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:10px;
}
.kanban-item .issue .item-header .move-handle {
    cursor: move;
}
.kanban-item .issue .item-content{
    padding: 5px;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    font-size: 13px;
}
.kanban-item .issue .item-field {
    width: 100%;
    margin-bottom:5px;
    /*    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.kanban-item .issue div .item-title {
    font-weight:bold;
    color: #428bca
}
.kanban-item .issue div .item-value {
    padding-left: 5px;
}
.item-drag-handle:hover {
    cursor: move;
}

.kanban-item:last-child {
    margin: 0;
}

.kanban-item.is-moving.gu-mirror {
    /*transform: rotate(3deg);*/
    height: auto !important;
}

.filter-active{font-weight:bold}
/*Kanban Board*/
.cleared {
    clear: both;
}
/*for bootstrap*/
.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.columns-4{
    -moz-column-count:4; /* Firefox */
    -webkit-column-count:4; /* Safari and Chrome */
    column-count:4;
    min-width:500px;
}
.columns-4-400{
    -moz-column-count:4; /* Firefox */
    -webkit-column-count:4; /* Safari and Chrome */
    column-count:4;
    min-width:400px;
}
.columns-3{
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
    min-width:400px; 
}
.columns-3-300{
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
    min-width:300px; 
}
.columns-3-250{
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
    min-width:250px; 
}
.columns-3-200{
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
    min-width:200px; 
}
.columns-2{
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
    min-width:300px; 
}
.columns-2-200{
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
    min-width:200px; 
}

.pointer{ cursor:pointer;}
.move{ cursor:move;}
.wait {cursor:wait;}
.readonly {pointer-events: none; }
.field-icon { color: #5bc0de !important; }
/*.field-inline-edit:hover{
    border-bottom: solid 1px red;
}*/
.highlight {
    font-weight: bold;
    /*text-decoration:underline;
    background-color: yellow; */
}
fieldset {
    padding: 5px !important;
    margin:auto !important;
    border:1px solid #E5E4E2;
}
legend {
    padding: 0px 5px !important;
    border:0px !important;
    width:auto !important;
    font-size: 14px !important;
    margin-bottom:auto !important;
}
.row-striped:nth-of-type(odd){
  background-color: #efefef;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
}
/* TABLE
----------------------------------------------------------*/
.tableformat tr:nth-child(even) {background: #FFF}
.tableformat tr:nth-child(odd) {background: #F9F9F9;}

/*.tableformatnoborder tr:nth-child(even) {background: #FFF}
.tableformatnoborder tr:nth-child(odd) {background: #f0f0f0}*/
.tbl-header {
    position: fixed;
    top: 0px;
}
.tableformatnoborder
{
	border: solid 1px #e5ecf9;
	color: #016783;
}
.tableformatnoborder td {
    color: #016783;
    padding: 3px;
}
.tableformat {
    border: solid 0px #e5ecf9;
    border-collapse: collapse;
}

.tableformat td {
    border: solid 1px #e5ecf9;
    color: #016783;
    padding: 3px;
}

.table-td-p-5 td{
    padding: 5px;
}
.table-td-p-8 td{
    padding: 8px;
}
.table-th-p-5 th {
    padding: 5px;
}

.table-th-p-8 th {
    padding: 8px;
}
.trheader th {
    text-align: left;
    background-color: #e8eef4;
    border: solid 0px #e5ecf9;
}
.table-row-hover tr:hover { background: #eee; }/*orange:#FC6*/

/*.bg-white { background-color: white !important; }*/
.bg-light-dark { background-color: #ececec !important; }
.bg-black { background-color: #3c3c3c !important; }
.bg-black-light {background-color:#5d5d5d !important;}
.bg-default{ background-color: #eee !important; }
/*.bg-primary{ background-color: #428bca !important; }*/
.bg-primary-dark{background-color:#2196f3 !important;}
/*.bg-success{ background-color: #5cb85c !important; }*/
.bg-success-light{ background-color: #00c097 !important; }
.bg-success-dark{ background-color: #009688 !important; }
/*.bg-info{ background-color:    #5bc0de !important; }*/
.bg-info-dark{background-color:#03a9f4 !important}
/*.bg-warning{ background-color: #f0ad4e !important; }*/
.bg-warning-dark{ background-color: #ff9800 !important; }
/*.bg-danger{ background-color:  #d9534f !important; }*/
.bg-danger-light{ background-color:  #ff5722 !important; }
.bg-gray-darker{ background-color: #222 !important; }
.bg-gray-dark{ background-color:   #333 !important; }
.bg-gray{ background-color:        #555 !important; }
.bg-gray-light{ background-color:  #777 !important; }
.bg-gray-lighter{ background-color: #eee !important; }
.bg-gray-light1{background-color: #e5ecf9 !important;}
.bg-gray-light2{background-color: #f0f0f0 !important;}
.bg-gray-light3{background-color: #fafafa !important;}
.selected{background-color: #5bc0de !important;}
.bg-green { background-color: #00c097 !important; }
.bg-red-light { background-color: #F1948A !important; }
.bg-red {background-color: #ff5e8f !important; }
.bg-yellow {background-color: #ffd300 !important; }
.bg-grass {background-color: #84cd1b !important; }
.bg-red {background-color: #F6402C !important; }
.bg-pink {background-color: #EB1460 !important; }
.bg-pink-light {background-color: #eb5885 !important;}
.bg-pink-dark {background-color: #ea497b !important;}
.bg-purple {background-color: #9C1AB1 !important; }
.bg-deep-purple {background-color: #6633B9 !important; }
.bg-indigo { background-color: #3D4DB7 !important; }
.bg-blue {background-color: #1093F5 !important; }
.bg-light-blue { background-color: #00A6F6 !important; }
.bg-cyan {background-color: #00BBD5 !important; }
.bg-teal { background-color: #009687 !important; }
.bg-light-green { background-color: #88C440 !important; }
.bg-lime { background-color: #CCDD1E !important; }
.bg-amber { background-color: #FFC100 !important; }
.bg-orange { background-color: #FF9800 !important; }
.bg-deep-orange {background-color: #FF5505 !important; }
.bg-brown {background-color: #7A5547 !important; }
.bg-grey {background-color: #9D9D9D !important; }
.bg-blue-grey {background-color: #5E7C8B !important; }
.bg-blue-light {background-color: #5E7C8B !important; }
.bg-blue-dark {background-color: #005eb8 !important; }
.bg-white-50 {background-color: rgba(255,255,255,0.8);}


/*--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;*/

/*Workflow Color*/
.wf-bg-white {
    fill: #FFF;
    stroke: #FFF;
}
.wf-bg-light-dark {fill: #ececec;stroke: #ececec;}
.wf-bg-black {fill: #3c3c3c;stroke: #3c3c3c;}
.wf-bg-default {fill: #eee;stroke: #eee;}
.wf-bg-primary {fill: #428bca;stroke: #428bca;}
.wf-bg-success {fill: #5cb85c;stroke: #5cb85c;}
.wf-bg-info {fill: #5bc0de;stroke: #5bc0de;}
.wf-bg-warning {fill: #f0ad4e;stroke: #f0ad4e;}
.wf-bg-danger {fill: #d9534f;stroke: #d9534f;}
.wf-bg-gray-darker {fill: #222;stroke: #222;}
.wf-bg-gray-dark {fill: #333;stroke: #333;}
.wf-bg-gray {fill: #555;stroke: #555;}
.wf-bg-gray-gray {fill: #f3f3f3;stroke: #f3f3f3;}
.wf-bg-gray-light {fill: #777;stroke: #777;}
.wf-bg-gray-lighter {fill: #eee;stroke: #eee;}
/*Workflow End*/
.nodecoration{ text-decoration:none;}
.nodisplay{ display:none;}
.input-validation-error{ border: 2px solid red;background: #FFC;}
.error{ color: Red; font-size:12px; font-style:italic;background-color: #fee !important;}
.validation-summary-errors{ color: Red;}
.float-left{ float:left !important;}
.float-right{ float:right !important;}
.align-left{ text-align:left !important;}
.align-center{ text-align:center !important;}
.align-right{ text-align:right !important;}
.align-middle{ vertical-align: middle !important;}
.align-top{ vertical-align: top !important;}
.m-0{ margin:0px !important;}
.m-2{ margin:2px !important;}
.m-5{ margin:5px !important;}
.m-10{margin:10px !important;}
.m-20{margin:20px !important;}
.m-30{margin:30px !important;}
.m-center{margin: 0px auto !important;}
.m-b-2{margin-bottom:2px !important;}
.m-b-3{margin-bottom:3px !important;}
.m-b-5{margin-bottom:5px !important;}
.m-b-10{margin-bottom:10px !important;}
.m-b-50{margin-bottom:50px !important;}
.m-b-60{margin-bottom:60px !important;}
.m-t-2{margin-top:2px !important;}
.m-t-5{margin-top:5px !important;}
.m-t-10{margin-top:10px !important;}
.m-l-5{margin-left:5px !important;}
.m-l-10{margin-left:10px !important;}
.m-r-10{margin-right:10px !important;}
.m-r-5{margin-right:5px !important;}
.p-0{ padding:0px !important;}
.p-2{ padding:2px !important;}
.p-3{ padding:3px !important;}
.p-4{ padding:4px !important;}
.p-5{ padding:5px !important;}
.p-6{ padding:6px !important;}
.p-7{ padding:7px !important;}
.p-8{ padding:8px !important;}
.p-9{ padding:9px !important;}
.p-10{ padding:10px !important;}
.p-20{ padding:20px !important;}
.p-30{ padding:30px !important;}
.p-40{ padding:40px !important;}
.p-50{ padding:50px !important;}
.p-60{ padding:60px !important;}
.p-70{ padding:70px !important;}
.p-80{ padding:80px !important;}
.p-l-3{ padding-left:3px !important;}
.p-l-5{ padding-left:5px !important;}
.p-l-10{ padding-left:10px !important;}
.p-l-15{ padding-left:15px !important;}
.p-l-20{ padding-left:20px !important;}
.p-t-3{ padding-top:3px !important;}
.p-t-5{ padding-top:5px !important;}
.p-t-10{ padding-top:10px !important;}
.p-t-15{ padding-top:15px !important;}
.p-t-20{ padding-top:20px !important;}
.p-r-3{ padding-right:3px !important;}
.p-r-5{ padding-right:5px !important;}
.p-r-10{ padding-right:10px !important;}
.p-r-15{ padding-right:15px !important;}
.p-r-20{ padding-right:20px !important;}
.p-b-5{ padding-bottom:5px !important;}
.p-b-10{ padding-bottom:10px !important;}
.p-b-15{ padding-bottom:15px !important;}
.p-b-20{ padding-bottom:20px !important;}
.p-lr-3{ padding-left:3px !important; padding-right:3px !important;}
.p-lr-5{ padding-left:5px !important; padding-right:5px !important;}
.p-lr-10{ padding-left:10px !important; padding-right:10px !important;}
.p-lr-20{ padding-left:20px !important; padding-right:20px !important;}
.p-lr-30{ padding-left:30px !important; padding-right:30px !important;}
.p-lr-40{ padding-left:40px !important; padding-right:40px !important;}
.p-lr-50{ padding-left:50px !important; padding-right:50px !important;}
.p-lr-60{ padding-left:60px !important; padding-right:60px !important;}
.p-lr-70{ padding-left:70px !important; padding-right:70px !important;}
.p-lr-80{ padding-left:80px !important; padding-right:80px !important;}
.p-lr-90{ padding-left:90px !important; padding-right:90px !important;}
.p-lr-100{ padding-left:100px !important; padding-right:100px !important;}
.b-red{ background-color:Red !important;}
.b-green{ background-color:Green !important;}
.b-blue{ background-color:Blue !important;}
.b-gray{ background-color:Gray !important;}
.b-abc{ background-color:#abc !important;}
.w-auto{ width:auto !important;}
.w-16{ width:16px !important;}
.w-20{ width:20px !important;}
.w-25{ width:25px !important;}
.w-30{ width:30px !important;}
.w-32{ width:32px !important;}
.w-35{ width:35px !important;}
.w-40{ width:40px !important;}
.w-48{ width:48px !important;}
.w-50{ width:50px !important;}
.w-60{ width:60px !important;}
.w-70{ width:70px !important;}
.w-80{ width:80px !important;}
.w-90{ width:90px !important;}
.w-100{ width:100px !important;}
.w-130{ width:130px !important;}
.w-140{ width:140px !important;}
.w-150{ width:150px !important;}
.w-160{ width:160px !important;}
.w-170{ width:170px !important;}
.w-180{ width:180px !important;}
.w-200{ width:200px !important;}
.w-230{ width:230px !important;}
.w-240{ width:240px !important;}
.w-250{ width:250px !important;}
.w-300{ width:300px !important;}
.w-350{ width:350px !important;}
.w-400{ width:400px !important;}
.w-450{ width:450px !important;}
.w-500{ width:500px !important;}
.w-550{ width:550px !important;}
.w-600{ width:600px !important;}
.w-650{ width:650px !important;}
.w-700{ width:700px !important;}
.w-750{ width:750px !important;}
.w-800{ width:800px !important;}
.w-850{ width:850px !important;}
.w-900{ width:900px !important;}
.w-950{ width:950px !important;}
.w-1000{ width:1000px !important;}
.w-1100{ width:1100px !important;}
.w-1150{ width:1150px !important;}
.w-1200{ width:1200px !important;}
.w-min-30{ min-width:30px !important;}
.w-min-50{ min-width:50px !important;}
.w-min-80{ min-width:80px !important;}
.w-min-100{ min-width:100px !important;}
.w-min-140{ min-width:140px !important;}
.w-min-150{ min-width:150px !important;}
.w-min-160{ min-width:160px !important;}
.w-min-200{ min-width:200px !important;}
.w-min-250{ min-width:250px !important;}
.w-min-300{ min-width:300px !important;}
.w-min-350{ min-width:350px !important;}
.w-min-400{ min-width:400px !important;}
.w-min-450{ min-width:450px !important;}
.w-min-500{ min-width:500px !important;}
.w-min-550{ min-width:550px !important;}
.w-min-600{ min-width:600px !important;}
.w-min-650{ min-width:650px !important;}
.w-min-700{ min-width:700px !important;}
.w-min-750{ min-width:750px !important;}
.w-min-800{ min-width:800px !important;}
.w-min-850{ min-width:850px !important;}
.w-min-900{ min-width:900px !important;}
.w-min-950{ min-width:950px !important;}
.w-min-1000{ min-width:1000px !important;}
.w-max-50{ max-width:50px !important;}
.w-max-70{ max-width:70px !important;}
.w-max-100{ max-width:100px !important;}
.w-max-150{ max-width:150px !important;}
.w-max-160{ max-width:160px !important;}
.w-max-200{ max-width:200px !important;}
.w-max-250{ max-width:250px !important;}
.w-max-300{ max-width:300px !important;}
.w-max-350{ max-width:350px !important;}
.w-max-400{ max-width:400px !important;}
.w-max-450{ max-width:450px !important;}
.w-max-500{ max-width:500px !important;}
.w-max-550{ max-width:550px !important;}
.w-max-600{ max-width:600px !important;}
.w-max-650{ max-width:650px !important;}
.w-max-700{ max-width:700px !important;}
.w-max-750{ max-width:750px !important;}
.w-max-800{ max-width:800px !important;}
.w-max-850{ max-width:850px !important;}
.w-max-900{ max-width:900px !important;}
.w-max-950{ max-width:950px !important;}
.w-max-1000{ max-width:1000px !important;}
.w-max-1100{ max-width:1100px !important;}
.w-max-1150{ max-width:1150px !important;}
.w-max-1170{ max-width:1170px !important;}
.w-max-1200{ max-width:1200px !important;}
.w-max-1400{ max-width:1400px !important;}
.w-max-1500{ max-width:1500px !important;}
.w-max-1600{ max-width:1600px !important;}
.w-max-1800{ max-width:1800px !important;}
.w-max-2000{ max-width:2000px !important;}
.w-max-2500{ max-width:2500px !important;}

/*percentage*/
.w-50p{width:50% !important;}
.w-60p{width:60% !important;}
.w-70p{width:70% !important;}
.w-80p{width:80% !important;}
.w-90p{width:90% !important;}
.w-100p{width:100% !important;}
.w-max-90p{max-width: 90% !important;}
/**/
.table-layout{display:table; width:100%;}
.table-cell{display:table-cell; vertical-align:top;}
.flex {
    display: flex;
    /*justify-content: center;
    align-items: center;*/
    flex-wrap: wrap;
    align-content: flex-start;
}
}
.flex-center {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-wrap: wrap;
}
.h-5{height:5px !important;}
.h-10{ height:10px !important;}
.h-15{ height:15px !important;}
.h-20{ height:20px !important;}
.h-25{ height:25px !important;}
.h-30{ height:30px !important;}
.h-35{ height:35px !important;}
.h-40{ height:40px !important;}
.h-45{ height:45px !important;}
.h-50{ height:50px !important;}
.h-60{ height:60px !important;}
.h-70{ height:70px !important;}
.h-80{ height:80px !important;}
.h-90{ height:90px !important;}
.h-100{ height:100px !important;}
.h-110{ height:110px !important;}
.h-130{ height:130px !important;}
.h-150{ height:150px !important;}
.h-160{ height:160px !important;}
.h-170{ height:170px !important;}
.h-180{ height:180px !important;}
.h-200{ height:200px !important;}
.h-230{ height:230px !important;}
.h-250{ height:250px !important;}
.h-270{ height:270px !important;}
.h-300{ height:300px !important;}
.h-310{ height:310px !important;}
.h-350{ height:350px !important;}
.h-400{ height:400px !important;}
.h-450{ height:450px !important;}
.h-500{ height:500px !important;}
.h-550{ height:550px !important;}
.h-600{ height:600px !important;}
.h-min-20{ min-height:20px !important;}
.h-min-30{ min-height:30px !important;}
.h-min-35{ min-height:35px !important;}
.h-min-40{ min-height:40px !important;}
.h-min-50{ min-height:50px !important;}
.h-min-70{ min-height:70px !important;}
.h-min-100{ min-height:100px !important;}
.h-min-130{ min-height:130px !important;}
.h-min-150{ min-height:150px !important;}
.h-min-160{ min-height:160px !important;}
.h-min-200{ min-height:200px !important;}
.h-min-280{ min-height:280px !important;}
.h-min-300{ min-height:300px !important;}
.h-min-400{ min-height:400px !important;}
.h-min-500{ min-height:500px !important;}
.h-min-600{ min-height:600px !important;}
.h-min-700{ min-height:700px !important;}
.h-min-800{ min-height:800px !important;}
.h-min-900{ min-height:900px !important;}
.h-min-1000{ min-height:1000px !important;}
.h-max-50{max-height:50px !important;}
.h-max-100{max-height:100px !important;}
.h-max-150{max-height:150px !important;}
.h-max-200{max-height:200px !important;}
.h-max-300{max-height:300px !important;}
.h-max-400{max-height:400px !important;}
.h-max-500{max-height:500px !important;}
.h-max-600{max-height:600px !important;}
.h-max-700{max-height:700px !important;}
.h-max-800{max-height:800px !important;}
.h-max-900{max-height:900px !important;}
.h-max-1000{max-height:1000px !important;}
.capacity0{opacity:0;}
.capacity1{opacity:1;}
.default{color: #eee !important;}
.primary{color:#428bca !important;}
.primary-dark{color:#2196f3 !important;}
.info{color:#5bc0de !important;}
.info-dark{color:#03a9f4 !important}
.success{color:#5cb85c !important;}
.success-light{ color: #00c097 !important; }
.success-dark{ color: #009688 !important; }
.warning{color:#f0ad4e !important;}
.warning-dark{ color: #ff9800 !important; }
.danger{color: #d9534f !important;}
.danger-light{ color:  #ff5722 !important; }
.blue{color:Blue !important;}
.gray{color:Gray !important;}
.gray-dark{color:#666362 !important;}
.yellow{ color:Yellow !important;}
.white{color:White !important;}
.black{ color:Black !important;}
.green { color: #00c097 !important; }
.red {color: #ff5e8f !important; }
.yellow {color: #ffd300 !important; }
.grass {color: #84cd1b !important; }
.red {color: #F6402C !important; }
.pink {color: #EB1460 !important; }
.pink-dark {color: #ea497b !important;}
.purple {color: #9C1AB1 !important; }
.deep_purple {color: #6633B9 !important; }
.indigo { color: #3D4DB7 !important; }
.light_blue { color: #00A6F6 !important; }
.cyan {color: #00BBD5 !important; }
.teal { color: #009687 !important; }
.light_green { color: #88C440 !important; }
.lime { color: #CCDD1E !important; }
.amber { color: #FFC100 !important; }
.orange { color: #FF9800 !important; }
.deep_orange {color: #FF5505 !important; }
.brown {color: #7A5547 !important; }
.grey {color: grey !important; }
.blue_grey {color: #5E7C8B !important; }
.bold{ font-weight:bold;}
.normal{ font-weight:normal;}
.line-through{ text-decoration:line-through;}
.underline{ text-decoration:underline;}
.nonedecorate{ text-decoration:none;}
/*.blink{ text-decoration:blink;}*/
.italic{ font-style:italic;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}
.text-right{text-align:right;}
.text-top{ vertical-align: top;}
.text-middle{ vertical-align:middle;}
.textxsmall{ font-size:x-small;}
.textsmall{ font-size:small;}
.textsmaller{ font-size:smaller;}
.text10{ font-size:10px;}
.text12{ font-size:12px;}
.text13{ font-size:13px;}
.text14{ font-size:14px;}
.text15{ font-size:15px;}
.text16{ font-size:16px;}
.text18{ font-size:18px;}
.text20{ font-size:20px;}
.text22{ font-size:22px;}
.text25{ font-size:25px;}
.text30{ font-size:30px;}
.text40{ font-size:40px;}
.text50{ font-size:50px;}
.text60{ font-size:60px;}
.field-validation-error{color:Red;}
.absolute{ position:absolute;}
.sticky-top {
    position: fixed;
    top: 0;
    border-bottom: solid 1px red;
}
.relative{ position:relative;}
.display-inline, .inline{ display: inline-block;}
.block{ display: block;}
.auto-overflow{ overflow:auto;}
.none-overflow{ overflow:hidden;}
.border{border:1px solid #abc; }
.none-border{border:0px !important }
/*border*/
.border-gray{ border:1px solid #E5E4E2 !important;}
.border-top{border-top:1px solid #ccc !important;}
.border-bottom{border-bottom:1px solid #ccc !important;}
.border-left{border-left:1px solid #ccc !important;}
.border-right{border-right:1px solid #ccc !important;}
.border-right-light{border-right:1px solid #eee !important;}
.border-red{ border: 1px solid red !important;}
.border-bottom-white{ border-bottom: 1px solid #fff !important;}
/**/
.img-middle{display: block; margin: 0 auto;}
.top-5{top:5px;}
.top-10{top:10px;}
.top-15{top:15px;}
.circle
{
	/*border:1px solid #abc;*/
	-moz-border-radius:50%;  
	border-radius: 50%;  
	-webkit-border-radius: 50%;
}
.round-nocolor {
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.round
{
	border:1px solid #E5E4E2;
	-moz-border-radius:5px;  
	border-radius: 5px;  
	-webkit-border-radius: 5px;
}
.round-w
{
	border:1px solid #fff;
	-moz-border-radius:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.round-g
{
	border:1px solid Gray;
	-moz-border-radius:5px;  
	border-radius: 5px;  
	-webkit-border-radius: 5px;
}
.round-r
{
	border:2px solid #666;
	-moz-border-radius:5px;  
	border-radius: 5px;  
	-webkit-border-radius: 5px;
}
.roundtop 
{
	border:1px solid #abc;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px; 
	-moz-border-radius-topright: 3px; 
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

textarea
{
    width:99%;
}
.editor-container .editor-label, .display-label
{   
    clear:both;
    float:left;
    width:150px;
    margin:1em 0 0 0;
}

.editor-container .editor-field, .display-field
{
    width:auto;
    margin: 0.5em 0 0 0;
    overflow: auto;
    min-height: 2em;
}

.editor-container input, select option, textarea
{
    font-size:13px;
}

/* begin easy tabs  */
.tabcontainer ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
.tabcontainer ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabcontainer ul.tabs a { 
	background: url('/content/images/site/tabblue.png') no-repeat -420px 0;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

/*.tabcontainer ul.tabs a:active {
	outline:none;		
}*/

/* when mouse enters the tab move the background image */
.tabcontainer ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
.tabcontainer ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabcontainer ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
.tabcontainer ul.tabs a.s:hover 	{ background-position: -553px -31px; }
.tabcontainer ul.tabs a.s.current  { background-position: -553px -62px; }

.tabcontainer ul.tabs a.m 			{ background-position: -420px 0; width:134px; }
.tabcontainer ul.tabs a.m:hover 	{ background-position: -420px -31px; }
.tabcontainer ul.tabs a.m.current  { background-position: -420px -62px; }

/* width 2 */
.tabcontainer ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
.tabcontainer ul.tabs a.l:hover 	{ background-position: -248px -31px; }
.tabcontainer ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
.tabcontainer ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
.tabcontainer ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
.tabcontainer ul.tabs a.xl.current { background-position: 0 -62px; }


/* tab pane styling */
.tabcontainer div.tab_content {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	/*background-color:#fff;*/
}
/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
/* tab pane styling */

/*end easy tab*/

/*begin accordion*/
.accordioncontainer h3 {
	cursor: pointer;
	border: 1px solid #ccc;
	/*background: #EFEFEF;*/
	padding: 4px 8px;
	font-size:12px;
}
.accordioncontainer.accordion {
	padding: 5px 5px 5px 20px;
	font-size:12px;
}
/*end accordion*/


/* Pager */
.pager
{
	margin: 4px 1px;
	padding: 1px;
	text-align:center;
}

.pager .disabled
{
	border: 1px solid #ddd;
	color: #999;
	margin-top: 4px;
	padding: 3px;
	text-align: center;
}

.pager .current
{
	background-color: #6ea9bf;
	border: 1px solid #6e99aa;
	color: #fff;
	font-weight: bold;
	margin-top: 4px;
	padding: 3px 5px;
	text-align: center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a
{
	border: 1px solid #aaa;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
}

/*Clear textbox icon*/
.cleartextbox
{
    position: absolute;
    right: 2px;
    top: 0px;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
    z-index:10;
}

input.watermark { color: #999; }

/*page loading indicator*/
#pageloading{
    position:fixed;
    left:40%;
    /*right:50%;*/
    top:45%;
    /*bottom:50%;*/
    margin:0px auto;
} 
#message{
    position:fixed;
    width: 100%;
    text-align:center;
    color:blue;
    font-weight:bold;
    top:50%;
    left:0px;
    /*bottom:50%;*/
    margin:0px auto;
    text-decoration:blink;
} 

#socialLoginList button {
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  display:inline;
  height: 48px;
  margin-bottom: 12px;
  cursor: pointer;
  border-color: #000;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  text-decoration:none;
  vertical-align:central;
  width: 175px;
}
#socialLoginList button:hover {
  background-color: #fff;
}
/*end social login*/

.img-responsive {
  max-width: 100%;
  max-height: 100%;
}

/*wrap long text, url*/
.syntaxhighlighter {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
    padding: 0.1em 0.5em 0.3em 0.7em;
    border-left: 11px solid #ccc;
    margin: 1.7em 0 1.7em 0.3em;
    overflow: auto !important;
    width: 93% !important;
    font-family: "Courier New", Courier, monospace, sans-serif;
}

.back-to-top {
    position: fixed;
    bottom: 45px;
    right: 15px;
    width: 40px;
    height: 40px;
    z-index: 1000;
    color: #aaaaaa;
    background: #aaaaaa;
    background: #fff;
    border-radius: 3px;
    border: 2px solid #cccccc;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    display: none;
    opacity: 0.5;
}

.back-to-top:hover {	
	background-color: rgba(135, 135, 135, 0.50);
	text-decoration: none;
}

/*gldr color*/
.gldr-gray-noborder{
    background-color: #f9f9f9;
    border-width: 0;
}
.gldr-gray{
    background-color: #f9f9f9;
    border-width: 0;
    box-shadow: 0 1px 0 0 #abc;
    transition: background-color 200ms linear 0s;
}
.gldr-blue{
    background-color: #049cdb;
    border-width: 0;
    box-shadow: 0 2px 0 0 #336c9b;
    transition: background-color 200ms linear 0s;
    color: #fff;  
}
.gldr-orange{
    background-color: #FFD119;
    border-width: 0;
    box-shadow: 0 2px 0 0 #FFDF5E;
    transition: background-color 200ms linear 0s;
    color: #fff;  
}
.gldr-red{
    background-color: #ee5f5d;
    border-width: 0;
    box-shadow: 0 2px 0 0 #bd362f;
    transition: background-color 200ms linear 0s;
    color: #fff;  
}
.gldr-green{
    background-color: #7cb228;
    border-width: 0;
    box-shadow: 0 2px 0 0 #7cb228;
    transition: background-color 200ms linear 0s;
    color: #fff;  
}
.gldr-module{
    background-color: white;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
    box-sizing: border-box;
    margin: 0 0 14px;
    padding: 14px;
}

dl.list::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 1px;
    line-height: 1px;
    visibility: hidden;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
dl.list {
    /*border-bottom: 1px solid #eee;*/
    margin: 1em 0.5em 0;
}
dl.list dt {
    clear: both;
    color: #666;
    width: 45%;
}
dl.list dt, dl.list dd {
    border-top: 1px solid #eee;
    float: left;
    margin: 0;
    padding: 0.4em 0 0.3em;
}
dl.list dd {
    width: 55%;
}

/*remove context*/
.onclick-menu {
    position: relative;
    display: inline-block;
}

/*md-top margin, padding*/
/*.md-center, .md-bottom, .md-top, .md-top-item > div, .md-top-item > p {
    margin:0px;
    padding:0px;
}

.md-left, .md-center, .md-right, .md-bottom {
    margin-bottom: 10px;
}

.md-left-item, .md-center-item, .md-right-item, .md-bottom-item {
    margin-bottom:15px;
    padding-top:15px;
    padding-bottom:15px;
}*/
/*for module left and module right flow down on large screen*/
/*@media (min-width:992px)
{
    .md-left {
        padding-left:0px;
    }
    .md-right {
        padding-right:0px;
    }
}*/
/*for module left and module right flow down on small screen*/
/*@media (max-width:992px)
{
    .md-left {
        padding:0px;
    }
    .md-right {
        padding:0px;
    }
}*/

.file-item-image {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 22px 5px 0px 5px;
    height: 220px;
    width: 200px;
    overflow: hidden;
    text-align: center;
    display:inline-block;
    position:relative;
}
.file-item-image img {
    height: 150px;    
    max-width: none;
    width: auto;
    cursor:pointer;
    transition: .5s ease;
}
.file-item-image img.selected {
    border: 2px solid red;
    height: 150px;    
    max-width: none;
    width: auto;
    cursor:pointer;
}

.file-item-image .command{
  /*transition: .5s ease;*/
  opacity: 0;
  position: absolute;
  top:10px;
  left:100px;
  width:100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.file-item-image:hover image {
  opacity: 0.3;
}
.file-item-image .command .glyphicon{
    font-size:16px;
    margin:5px;
    color:cornflowerblue;
    cursor:pointer;
}

.file-item-image:hover .command {
  opacity: 1;
}

/*admin menu*/
#leftAdminMenu .menu-title {
    display: none;
}

#leftAdminMenu {
    /*width: 40px;*/
    border: 0;
    z-index: 10;
    position: relative;
}

#leftAdminMenu ul {
    background: #536878;
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#leftAdminMenu ul ul {
    margin-left: 0px;
    border-left: solid 1px #fff;
    width: 150px;
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
}

#leftAdminMenu ul li {
    position: relative;
    width: 100%;
    padding: 10px;
}

#leftAdminMenu ul li:hover {
    background: #708090;
}

#leftAdminMenu ul li:hover > ul {
    display: block;
}

#leftAdminMenu .menu-title {
    padding-left: 10px;
}

#leftAdminMenu a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
}

/*#leftAdminMenu.menuExpanded {
    width: 200px;
}*/

#leftAdminMenu.menuExpanded .menu-title {
    display: inline-block;
}
/*checkbox*/
input[type=checkbox] {
    transform: scale(1.3);
}

/*drop tip*/
.dropToolTip {
    display: none;
    max-width: 300px;
    background-color: #808080;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 100000;
}
.dropToolTip .arrow-down {
	position: absolute;
	left: 45%;
	top: -8px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #808080;
}
.dropToolTip .arrow-top {
	position: absolute;
	left: 45%;
	top: -8px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #808080;
}
.dropToolTip .arrow-right {
	position: absolute;
	top: 45%;
	left: -8px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 8px solid #808080;
}
.dropToolTip .arrow-left {
	position: absolute;
	top: 45%;
	right: -8px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #808080;
}
/*end droptip*/
/*drop pop*/
.dropPop {
  display: none;
  position: fixed;
  z-index: 10000;
  width: 500px;
  min-height:30px;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

.dropPop .dropPop-header {
  padding: 10px;
  min-height:15px;
  border-bottom: 1px solid #ddd;
  text-align:center;
  background-color: #4897d8;
  color: #fff;
}

.dropPop .dropPop-header span {
  font-weight:bold;
  margin: 0 auto;
}

.dropPop .dropPop-body { 
    padding: 10px; 
}

.dropPop .dropPop-footer {
  padding: 10px;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
  min-height:20px;
}

.dropPop-overlay {
  display:none;
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

.dropPop a.close-header {
    line-height: 1;
    font-size: 1em;
    position: absolute;
    top: 5px;
    right: 5px;
    text-decoration: none;
    color: rgba(0, 0, 0, .3);
    border: solid 1px #abc;
    padding:5px 8px;
    opacity:1;
	-moz-border-radius:5px;  
	border-radius: 5px;  
	-webkit-border-radius: 5px;
}

.dropPop a.close:hover {
  border: solid 1px #ccc;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

.dropPop .close-footer {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  bottom: 10px;
  right: 15px;
  text-decoration: none;
  color: #bbb;
}
/*end drop pop*/
.hover-highlight:hover {
    background-color:#ccc;
}

div#overlay {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    text-align: center;
    color: #000;
    display: none;
    transition: all ease-out 0.3s;
    /*cursor: wait;*/
}
div#overlay img {
    position: fixed;
    left: 47%;
    /*right:50%;*/
    top: 47%;
    /*bottom:50%;*/
    margin: 0px auto;
}
/*.loading img{
    position:absolute;
    top:50%;
    left:48%;
}*/

/* File Extensions*/
.ext_3gp { background: url(/content/images/extensions/film.png) left top no-repeat; }
.ext_afp { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_afpa { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_asp { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_aspx { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_avi { background: url(/content/images/extensions/film.png) left top no-repeat; }
.ext_bat { background: url(/content/images/extensions/application.png) left top no-repeat; }
.ext_bmp { background: url(/content/images/extensions/picture.png) left top no-repeat; }
.ext_c { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_cfm { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_cgi { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_com { background: url(/content/images/extensions/application.png) left top no-repeat; }
.ext_cpp { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_css { background: url(/content/images/extensions/css.png) left top no-repeat; }
.ext_doc { background: url(/content/images/extensions/doc.png) left top no-repeat; }
.ext_docx { background: url(/content/images/extensions/doc.png) left top no-repeat; }
.ext_exe { background: url(/content/images/extensions/application.png) left top no-repeat; }
.ext_msi { background: url(/content/images/extensions/application.png) left top no-repeat; }
.ext_gif { background: url(/content/images/extensions/picture.png) left top no-repeat; }
.ext_fla { background: url(/content/images/extensions/flash.png) left top no-repeat; }
.ext_h { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_htm { background: url(/content/images/extensions/html.png) left top no-repeat; }
.ext_html { background: url(/content/images/extensions/html.png) left top no-repeat; }
.ext_cshtml { background: url(/content/images/extensions/html.png) left top no-repeat; }
.ext_jar { background: url(/content/images/extensions/java.png) left top no-repeat; }
.ext_jpg { background: url(/content/images/extensions/picture.png) left top no-repeat; }
.ext_jpeg { background: url(/content/images/extensions/picture.png) left top no-repeat; }
.ext_js { background: url(/content/images/extensions/script.png) left top no-repeat; }
.ext_lasso { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_log { background: url(/content/images/extensions/txt.png) left top no-repeat; }
.ext_m4p { background: url(/content/images/extensions/music.png) left top no-repeat; }
.ext_mov { background: url(/content/images/extensions/film.png) left top no-repeat; }
.ext_mp3 { background: url(/content/images/extensions/music.png) left top no-repeat; }
.ext_mp4 { background: url(/content/images/extensions/film.png) left top no-repeat; }
.ext_mpg { background: url(/content/images/extensions/film.png) left top no-repeat; }
.ext_mpeg { background: url(/content/images/extensions/film.png) left top no-repeat; }
.ext_ogg { background: url(/content/images/extensions/music.png) left top no-repeat; }
.ext_pcx { background: url(/content/images/extensions/picture.png) left top no-repeat; }
.ext_pdf { background: url(/content/images/extensions/pdf.png) left top no-repeat; }
.ext_php { background: url(/content/images/extensions/php.png) left top no-repeat; }
.ext_png { background: url(/content/images/extensions/picture.png) left top no-repeat; }
.ext_ppt { background: url(/content/images/extensions/ppt.png) left top no-repeat; }
.ext_pptx { background: url(/content/images/extensions/ppt.png) left top no-repeat; }
.ext_psd { background: url(/content/images/extensions/psd.png) left top no-repeat; }
.ext_pl { background: url(/content/images/extensions/script.png) left top no-repeat; }
.ext_py { background: url(/content/images/extensions/script.png) left top no-repeat; }
.ext_rb { background: url(/content/images/extensions/ruby.png) left top no-repeat; }
.ext_rbx { background: url(/content/images/extensions/ruby.png) left top no-repeat; }
.ext_rhtml { background: url(/content/images/extensions/ruby.png) left top no-repeat; }
.ext_rpm { background: url(/content/images/extensions/linux.png) left top no-repeat; }
.ext_ruby { background: url(/content/images/extensions/ruby.png) left top no-repeat; }
.ext_sql { background: url(/content/images/extensions/db.png) left top no-repeat; }
.ext_swf { background: url(/content/images/extensions/flash.png) left top no-repeat; }
.ext_tif { background: url(/content/images/extensions/picture.png) left top no-repeat; }
.ext_tiff { background: url(/content/images/extensions/picture.png) left top no-repeat; }
.ext_txt { background: url(/content/images/extensions/txt.png) left top no-repeat; }
.ext_vb { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_wav { background: url(/content/images/extensions/music.png) left top no-repeat; }
.ext_wmv { background: url(/content/images/extensions/film.png) left top no-repeat; }
.ext_csv { background: url(/content/images/extensions/xls.png) left top no-repeat; }
.ext_xls { background: url(/content/images/extensions/xls.png) left top no-repeat; }
.ext_xlsx { background: url(/content/images/extensions/xls.png) left top no-repeat; }
.ext_xml { background: url(/content/images/extensions/code.png) left top no-repeat; }
.ext_zip { background: url(/content/images/extensions/zip.png) left top no-repeat; }
/* File Extensions End*/
/*grid view*/
.grid-item {
    height:280px;
    text-align:left;
    margin:10px 0px;
    padding:0 5px;
    border: 1px solid #E5E4E2;
    overflow:hidden;
}
.grid-img {
    height: 200px;
    width: 100vw;
    padding: 2px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.grid-img .none-img {
    /*padding-top: 100px;*/
    font-size:35px;
    color:#eee;
}
.grid-title h4 {
    overflow:hidden;
    line-height:1.2;
}

/*theme default*/
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
    color: #777 !important;
}

.navbar-default .nav-link {
    color: #777 !important;
}

.navbar-default .nav-link:hover {
    color: #777 !important;
}

.navbar-default .btn-link {
    color: #777 !important;
}
.navbar-default .dropdown-submenu > a:after {
    border-left-color: #777 !important;
}
.navbar-default .navbar-nav .dropdown-menu {
    background-color: #f8f8f8;
}

.navbar-default .navbar-nav .dropdown-menu a {
    color: #777;
}

.navbar-default .navbar-nav .dropdown-menu a:hover {
    background-color: #f8f8f8;
    color: #777;
}

.navbar-default .navbar-text {
    color: #777;
}

.navbar-default .navbar-nav > li > a {
    color: #777;
}

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

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #f8f8f8;
}

.navbar-default .navbar-toggle {
    border-color: #777;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #777;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #f8f8f8;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #f8f8f8;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #f8f8f8;
}


/*theme green blue*/
.navbar-green-blue {
  background-color: #0F65AE;
  border-color: #4897d8;
}
.navbar-green-blue .navbar-brand {
  color: #fff !important;
}
.navbar-green-blue .nav-link {
  color: #fff !important;
}
.navbar-green-blue .nav-link:hover {
  color: #fff !important;
}
.navbar-green-blue .btn-link {
  color: #fff !important;
}
.navbar-green-blue .dropdown-submenu > a:after {
    border-left-color: #fff !important;
}
.navbar-green-blue .navbar-nav .dropdown-menu {
  background-color: #4897d8;
}
.navbar-green-blue .navbar-nav .dropdown-menu a {
  color: #fff;
}
.navbar-green-blue .navbar-nav .dropdown-menu a:hover {
  background-color: #0F65AE;
  color: #fff;
}
.navbar-green-blue .navbar-text {
  color: #fff;
}
.navbar-green-blue .navbar-nav > li > a {
  color: #fff;
}
.navbar-green-blue .navbar-nav > li > a:hover,
.navbar-green-blue .navbar-nav > li > a:focus {
  background-color: #4897d8;
}
.navbar-green-blue .navbar-nav > .active > a,
.navbar-green-blue .navbar-nav > .active > a:hover,
.navbar-green-blue .navbar-nav > .active > a:focus {
  background-color: #4897d8;
}
.navbar-green-blue .navbar-toggle {
  border-color: #fff;
}
.navbar-green-blue .navbar-toggle:hover,
.navbar-green-blue .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-green-blue .navbar-toggle .icon-bar {
  background-color: #4897d8;
}
.navbar-green-blue .navbar-collapse,
.navbar-green-blue .navbar-form {
  border-color: #4897d8;
}
.navbar-green-blue .navbar-nav > .open > a,
.navbar-green-blue .navbar-nav > .open > a:hover,
.navbar-green-blue .navbar-nav > .open > a:focus {
  background-color: #4897d8;
}

/*theme turquoise*/
.navbar-turquoise {
  background-color: #5bc8ac;
  border-color: #98dbc6;
}
.navbar-turquoise .navbar-brand {
  color: #fff !important;
}
.navbar-turquoise .nav-link {
  color: #fff !important;
}
.navbar-turquoise .nav-link:hover {
  color: #fff !important;
}
.navbar-turquoise .btn-link {
  color: #fff !important;
}
.navbar-turquoise .dropdown-submenu > a:after {
    border-left-color: #fff !important;
}
.navbar-turquoise .navbar-nav .dropdown-menu {
  background-color: #98dbc6;
}
.navbar-turquoise .navbar-nav .dropdown-menu a {
  color: #fff;
}
.navbar-turquoise .navbar-nav .dropdown-menu a:hover {
  background-color: #5bc8ac;
  color: #fff;
}
.navbar-turquoise .navbar-text {
  color: #fff;
}
.navbar-turquoise .navbar-nav > li > a {
  color: #fff;
}
.navbar-turquoise .navbar-nav > li > a:hover,
.navbar-turquoise .navbar-nav > li > a:focus {
  background-color: #98dbc6;
}
.navbar-turquoise .navbar-nav > .active > a,
.navbar-turquoise .navbar-nav > .active > a:hover,
.navbar-turquoise .navbar-nav > .active > a:focus {
  background-color: #98dbc6;
}
.navbar-turquoise .navbar-toggle {
  border-color: #fff;
}
.navbar-turquoise .navbar-toggle:hover,
.navbar-turquoise .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-turquoise .navbar-toggle .icon-bar {
  background-color: #98dbc6;
}
.navbar-turquoise .navbar-collapse,
.navbar-turquoise .navbar-form {
  border-color: #98dbc6;
}
.navbar-turquoise .navbar-nav > .open > a,
.navbar-turquoise .navbar-nav > .open > a:hover,
.navbar-turquoise .navbar-nav > .open > a:focus {
  background-color: #98dbc6;
}
/*theme raspberry*/
.navbar-raspberry {
  background-color: #ed5752;
  border-color: #fa6e59;
}
.navbar-raspberry .navbar-brand {
    color: #fff !important;
}

.navbar-raspberry .nav-link {
    color: #fff !important;
}

.navbar-raspberry .dropdown-submenu > a:after {
    border-left-color: #fff !important;
}

.navbar-raspberry .nav-link:hover {
    color: #fff !important;
}

.navbar-raspberry .btn-link {
    color: #fff !important;
}
.navbar-raspberry .navbar-nav .dropdown-menu {
  background-color: #fa6e59;
}
.navbar-raspberry .navbar-nav .dropdown-menu a {
  color: #fff;
}
.navbar-raspberry .navbar-nav .dropdown-menu a:hover {
  background-color: #ed5752;
  color: #fff;
}
.navbar-raspberry .navbar-text {
  color: #fff;
}
.navbar-raspberry .navbar-nav > li > a {
  color: #fff;
}
.navbar-raspberry .navbar-nav > li > a:hover,
.navbar-raspberry .navbar-nav > li > a:focus {
  background-color: #fa6e59;
}
.navbar-raspberry .navbar-nav > .active > a,
.navbar-raspberry .navbar-nav > .active > a:hover,
.navbar-raspberry .navbar-nav > .active > a:focus {
  background-color: #fa6e59;
}
.navbar-raspberry .navbar-toggle {
  border-color: #fff;
}
.navbar-raspberry .navbar-toggle:hover,
.navbar-raspberry .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-raspberry .navbar-toggle .icon-bar {
  background-color: #fa6e59;
}
.navbar-raspberry .navbar-collapse,
.navbar-raspberry .navbar-form {
  border-color: #fa6e59;
}
.navbar-raspberry .navbar-nav > .open > a,
.navbar-raspberry .navbar-nav > .open > a:hover,
.navbar-raspberry .navbar-nav > .open > a:focus {
  background-color: #fa6e59;
}

/*theme electric blue*/
.navbar-electric-blue {
  background-color: #4897d8;
  border-color: #4cb5f5;
}
.navbar-electric-blue .navbar-brand {
  color: #fff !important;
}
.navbar-electric-blue .nav-link {
  color: #fff !important;
}
.navbar-electric-blue .dropdown-submenu > a:after {
  border-left-color: #fff !important;
}
.navbar-electric-blue .nav-link:hover {
  color: #fff !important;
}
.navbar-electric-blue .btn-link {
  color: #fff !important;
}
.navbar-electric-blue .navbar-nav .dropdown-menu {
  background-color: #4cb5f5;
}
.navbar-electric-blue .navbar-nav .dropdown-menu a {
  color: #fff;
}
.navbar-electric-blue .navbar-nav .dropdown-menu a:hover {
  background-color: #4897d8;
  color: #fff;
}
.navbar-electric-blue .navbar-text {
  color: #fff;
}
.navbar-electric-blue .navbar-nav > li > a {
  color: #fff;
}
.navbar-electric-blue .navbar-nav > li > a:hover,
.navbar-electric-blue .navbar-nav > li > a:focus {
  background-color: #4cb5f5;
}
.navbar-electric-blue .navbar-nav > .active > a,
.navbar-electric-blue .navbar-nav > .active > a:hover,
.navbar-electric-blue .navbar-nav > .active > a:focus {
  background-color: #4cb5f5;
}
.navbar-electric-blue .navbar-toggle {
  border-color: #fff;
}
.navbar-electric-blue .navbar-toggle:hover,
.navbar-electric-blue .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-electric-blue .navbar-toggle .icon-bar {
  background-color: #4cb5f5;
}
.navbar-electric-blue .navbar-collapse,
.navbar-electric-blue .navbar-form {
  border-color: #4cb5f5;
}
.navbar-electric-blue .navbar-nav > .open > a,
.navbar-electric-blue .navbar-nav > .open > a:hover,
.navbar-electric-blue .navbar-nav > .open > a:focus {
  background-color: #4cb5f5;
}
/*theme electric blue*/
.navbar-electric-blue-dark {
  background-color: #005eb8;
  border-color: #4cb5f5;
}
.navbar-electric-blue-dark .navbar-brand {
  color: #fff !important;
}
.navbar-electric-blue-dark .nav-link {
  color: #fff !important;
}
.navbar-electric-blue-dark .dropdown-submenu > a:after {
  border-left-color: #fff !important;
}
.navbar-electric-blue-dark .nav-link:hover {
  color: #fff !important;
}
.navbar-electric-blue-dark .btn-link {
  color: #fff !important;
}
.navbar-electric-blue-dark .navbar-nav .dropdown-menu {
  background-color: #4cb5f5;
}
.navbar-electric-blue-dark .navbar-nav .dropdown-menu a {
  color: #fff;
}
.navbar-electric-blue-dark .navbar-nav .dropdown-menu a:hover {
  background-color: #4897d8;
  color: #fff;
}
.navbar-electric-blue-dark .navbar-text {
  color: #fff;
}
.navbar-electric-blue-dark .navbar-nav > li > a {
  color: #fff;
}
.navbar-electric-blue-dark .navbar-nav > li > a:hover,
.navbar-electric-blue-dark .navbar-nav > li > a:focus {
  background-color: #4cb5f5;
}
.navbar-electric-blue-dark .navbar-nav > .active > a,
.navbar-electric-blue-dark .navbar-nav > .active > a:hover,
.navbar-electric-blue-dark .navbar-nav > .active > a:focus {
  background-color: #4cb5f5;
}
.navbar-electric-blue-dark .navbar-toggle {
  border-color: #fff;
}
.navbar-electric-blue-dark .navbar-toggle:hover,
.navbar-electric-blue .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-electric-blue-dark .navbar-toggle .icon-bar {
  background-color: #4cb5f5;
}
.navbar-electric-blue .navbar-collapse,
.navbar-electric-blue .navbar-form {
  border-color: #4cb5f5;
}
.navbar-electric-blue-dark .navbar-nav > .open > a,
.navbar-electric-blue-dark .navbar-nav > .open > a:hover,
.navbar-electric-blue-dark .navbar-nav > .open > a:focus {
  background-color: #4cb5f5;
}
/*Decrease navbar height*/
.navbar-nav > li > a {
    padding-top: 7px !important;
    padding-bottom: 5px !important;
    line-height: 27px;
}

/*.navbar {
    min-height: 50px !important;
    margin-bottom: 5px;
    padding-top: 5px;
}*/

.navbar .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*.navbar-brand {
    padding-top: 10px !important;
    max-height: 24px;*/
    /*margin-left: -25px !important;*/
/*}*/

.navbar .navbar-toggle {
    padding: 4px;
}
table td {
    padding: 5px;
}

.table-wrapper {
    background: #fff;
    padding: 10px;
    margin: 20px 0;
    border-radius: 3px;
}

.table-title {
    padding-bottom: 15px;
    background: #5bc0de;
    color: #fff;
    padding: 5px 15px;
    margin: -20px -25px 10px;
    border-radius: 3px 3px 0 0;
}

.table-title h2 {
    margin: 5px 0 0;
    font-size: 24px;
    float: left;
}

.table-title .btn-group {
    float: right;
}

.table-title .btn {
    color: #fff;
    float: right;
    font-size: 13px;
    border: none;
    min-width: 50px;
    border-radius: 2px;
    border: none;
    outline: none !important;
    margin-left: 10px;
}

.table-title .btn i {
    float: left;
    font-size: 21px;
    margin-right: 5px;
}

.table-title .btn span {
    float: left;
    margin-top: 2px;
}

/*Paging*/
.pagination {
    /*float: right;*/
    margin: 0 0 5px;
}

.pagination li a {
    border: none;
    font-size: 13px;
    min-width: 30px;
    min-height: 30px;
    color: #999;
    margin: 0 2px;
    line-height: 30px;
    border-radius: 2px !important;
    text-align: center;
    padding: 0 6px;
}

.pagination li a:hover {
    color: #666;
}

.pagination li.active a, .pagination li.active a.page-link {
    background: #03A9F4;
    pointer-events: none;
}

.pagination li.active a:hover {
    background: #0397d6;
}

.pagination li.disabled i {
    color: #ccc;
}

.pagination li i {
    font-size: 16px;
    padding-top: 6px
}

.hint-text {
    float: left;
    margin-top: 10px;
    font-size: 13px;
}

/* Custom checkbox */
.custom-checkbox {
    position: relative;
}

.custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    margin: 5px 0 0 3px;
    z-index: 9;
}

.custom-checkbox label:before {
    width: 18px;
    height: 18px;
}

.custom-checkbox label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    background: white;
    border: 1px solid #bbb;
    border-radius: 2px;
    box-sizing: border-box;
    z-index: 2;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    transform: inherit;
    z-index: 3;
    transform: rotateZ(45deg);
}

.custom-checkbox input[type="checkbox"]:checked + label:before {
    border-color: #03A9F4;
    background: #03A9F4;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
    border-color: #fff;
}

.custom-checkbox input[type="checkbox"]:disabled + label:before {
    color: #b8b8b8;
    cursor: auto;
    box-shadow: none;
    background: #ddd;
}



/*colors*/
/*let colors = ["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#607d8b", "#00c097", "#FF5E8F"];*/
.modal-overlay {
    background-color: #424242;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    content: '';
    /*pointer-events: none;*/
    z-index: -1;
}

.modal-overlay.active {
    opacity: 1;
    z-index: 2000;
}
.modal-body .title {
    padding-top: 10px;
    color: blue;
}
.formScreen .input-group, .formScreen .form-group {
    margin-bottom: 10px;
}
#formScreen .screen-field {
    margin: 5px;
}
/*screen*/
#widgetForm .screen-field {
    /*padding: 15px;*/
    /*border: 1px solid Gray;*/
    margin: 5px;
}
/*#widgetForm .field-item:hover {
    border: 1px solid #ccc;
}*/
#widgetForm .field-item .field-label {
    padding: 7px;
    height: 35px;
    background-color: #03a9f4;
    color: #fff;
}
#widgetForm .field-item .widget {
    border: solid 1px #eee;
}
#widgetForm .field-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    background-color: #fff;
}
#widgetForm .field-minimize > .widget {
    display: none;
}

/*Tag Input*/
.bootstrap-tagsinput {
    min-height: 35px !important;
    width: 100% !important;
}
.bootstrap-tagsinput .label {
    font-weight:normal;
    font-size: 85%;
    padding-top: 3px;
    padding-bottom: 3px;
}
/*tiny mce*/
.mce-content-body {
    padding: 10px;
}

.mce-content-body p {
    margin: 10px;
}
/*Menu hover*/
/*.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}*/
.dropdown-menu > li > a {
    padding: 6px 20px !important;
}
/*Nav multi dropdown level*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    color: #fff;
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: 1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    /*border-left-color: #999;*/
    margin-top: 8px;
    margin-right: -10px;
}

/*.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}*/
@media (max-width: 767px) {
    .dropdown-submenu > .dropdown-menu {
        margin-left: 20px;
    }
}

/*Calandar*/
.gcalendar-month {
    width: 100%;
}
.gcalendar-month td, .gcalendar-month th {
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    min-width: 35px;
    max-width: 50px;
    padding: 3px 0;
    text-align: center !important;
}

.gcalendar-month .current-day {
    background: #ff6a00;
    color: #fff;
    text-decoration: underline;
}

.gcalendar-month .selected-day {
    font-weight: bold;
    text-decoration: underline;
}

table.gcalendar-month {
    border-right: 1px solid #999;
    border-top: 1px solid #999;
}
.gcalendar-month th {
    background: #666;
    color: #fff;
}
.gcalendar-month .other-month {
    background: #eee;
}
.gcalendar-month td.monthDay:hover {
    font-weight: bold;
    text-decoration: underline;
}
/*Pop calendar*/
.calendar-month {
    width: 100%;
}

.calendar-month td,
.calendar-month th {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    min-width: 35px;
    max-width: 50px;
    padding: 3px 0;
    text-align: center !important;
}
.calendar-month .weekday {
    background: #4897d8;
    color: #fff;
}
.calendar-month .weekend-day {
    background: #4cb5f5;
    /*color: #fff;*/
    text-decoration: underline;
}
.calendar-month .current-day {
    background: #ff6a00;
    color: #fff;
    text-decoration: underline;
}

.calendar-month .selected-day {
    font-weight: bold;
    text-decoration: underline;
}

table.calendar-month {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.calendar-month th {
    background: #666;
    color: #fff;
}

.calendar-month .other-month {
    background: #eee;
}

.calendar-month td.monthDay:hover {
    font-weight: bold;
    text-decoration: underline;
}
/*End pop calendar*/
.admin-left-menu {
    background: #536878;
}
/*Nestable*/
.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    /*max-width: 600px;*/
    list-style: none;
/*    font-size: 13px;
    line-height: 20px;*/
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dd-list .dd-list {
    padding-left: 30px;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
/*    font-size: 13px;
    line-height: 20px;*/
}

.dd-handle {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
/*    font-weight: bold;
    border: 1px solid #ccc;
    background: #fafafa;*/
    border-radius: 3px;
    box-sizing: border-box;
    cursor: move;
}

.dd-handle:hover {
    color: #2ea8e5;
    background: #fff;
}

.dd-item > button {
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
/*    font-size: 12px;
    line-height: 1;*/
    text-align: center;
    /*font-weight: bold;*/
}

.dd-item > button:before {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
}

/*+*/
.dd-item > button.dd-expand:before {
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: '\e080';
    color: gray;
    font-size: 11px;
}
/*-*/
.dd-item > button.dd-collapse:before {
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: '\e114';
    color: gray;
    font-size: 11px;
}

.dd-expand {
    display: none;
}

.dd-collapsed .dd-list,
.dd-collapsed .dd-collapse {
    display: none;
}

.dd-collapsed .dd-expand {
    display: block;
}

.dd-empty,
.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle {
    margin-top: 0;
}

.dd-dragel .dd-handle {
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

.dd-nochildren .dd-placeholder {
    display: none;
}

/*Star rating*/
.jq-stars {
    display: inline-block;
    position: relative;
    top: 7px;
}

.jq-rating-label {
    font-size: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-family: helvetica, arial, verdana;
}

.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
}

.jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100%;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
    /* stroke: #000; */
    stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
    -webkit-filter: drop-shadow( -2px -2px 2px #888 );
    filter: drop-shadow( -2px -2px 2px #888 );
}

/*Topper Top*/
.topper-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: auto;
    background-color: #3498db;
    color: #fff;
    z-index: 60009022;
}

/*  */
.topper-success {
    background-color: #2ecc71;
    color: #fff;
}

.topper-info {
    background-color: #5bc0de;
    color: #fff;
}
.topper-primary {
    background-color: #3498db;
    color: #fff;
}

.topper-warning {
    background-color: #f39c12;
    color: #1f1f1f;
}

.topper-danger {
    background-color: #e74c3c;
    color: #fff;
}

/* Topper-top */

.topper-top .topper-title {
    float: left;
    font-weight: bold;
}

.topper-top .topper-text {
    float: left;
    margin-left: 15px;
}

.topper-top .topper-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 28px;
    cursor: pointer;
    transition: opacity 200ms ease;
}

.topper-top .topper-close:hover {
    opacity: 0.7;
}

.topper-top .topper-content:after {
    content: "";
    display: table;
    clear: both;
}

.topper-top .topper-content {
    padding: 13px;
    text-align: center;
}
/*End Topper Top*/
@media print {
    .noprint {
        display: none !important;
    }
}

.body-content-fixed-top {
    margin-top: 56px !important;
}

/*#region Design Block*/

.lead {
  font-size: 1.4rem;
  font-weight: 400; }
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.btn-outline-primary {
  color: #329ef7;
  background-color: transparent;
  background-image: none;
  border-color: #329ef7; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #329ef7;
    border-color: #329ef7; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(50, 158, 247, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #329ef7;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #329ef7;
    border-color: #329ef7; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(50, 158, 247, 0.5); }

.btn-outline-secondary {
  color: #fe6655;
  background-color: transparent;
  background-image: none;
  border-color: #fe6655; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #fe6655;
    border-color: #fe6655; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 102, 85, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #fe6655;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #fe6655;
    border-color: #fe6655; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(254, 102, 85, 0.5); }

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107; }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link {
  font-weight: 400;
  color: #329ef7;
  background-color: transparent; }
  .btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  box-shadow: 0 0.3125rem 0.875rem 0 rgba(129, 129, 129, 0.2) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.rounded {
  overflow: hidden; }

.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.fdb-block {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  padding: 7.5rem 0;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-color: #FFFFFF; }
  .fdb-block .container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    .fdb-block .container.bg-r {
      background-position: right; }
  .fdb-block.fdb-viewport {
    min-height: calc(100% - 2 * 7.5rem); }
    .fdb-block.fdb-viewport .container {
      min-height: calc(100% - 2 * 7.5rem); }
  .fdb-block.fdb-image-bg {
    color: #f2f2f2; }
  .fdb-block .fdb-box {
    background: #FFFFFF;
    padding: 3.75rem 2.5rem;
    overflow: hidden;
    color: #444444;
    border-radius: 0.25rem;
    box-shadow: 0 0.3125rem 0.875rem 0 rgba(129, 129, 129, 0.2) !important; }
  .fdb-block .fdb-touch {
    border-top: solid 0.3125rem #329ef7;
    z-index: 2; }
  .fdb-block img + p, .fdb-block img + h3, .fdb-block img + h4 {
    margin-top: 1.25rem; }
  .fdb-block img + h1, .fdb-block img + h2 {
    margin-top: 2.5rem; }
  .fdb-block .col-fill-left {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: 1; }
    .fdb-block .col-fill-left + div {
      position: relative;
      z-index: 2; }
  .fdb-block .col-fill-right {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: 1; }
    .fdb-block .col-fill-right + div {
      position: relative;
      z-index: 2; }
  .fdb-block img.fdb-icon {
    width: auto;
    width: 3.75rem; }
  .fdb-block img.fdb-icon-round {
    width: auto;
    width: 3.75rem; }
  .fdb-block .row-100 {
    height: 6.25rem;
    width: 100%; }
  .fdb-block .row-50 {
    height: 3.125rem;
    width: 100%; }
  .fdb-block .row-70 {
    height: 4.375rem;
    width: 100%; }

.bg-dark {
  background-color: #2d313c;
  color: #f2f2f2; }
  .bg-dark p.lead {
    color: white; }

.bg-gray {
  background-color: #f4f7fe;
  color: #444444; }


/*#endregion */
.form-control:disabled, .form-control[readonly] {
    background-color: #f0f0f0 !important;
    opacity: 1;
}