/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.container {
  height: inherit;
}

 html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: #f8f8f8; 
  position: relative;
}
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: #f8f8f8 !important;
  direction: ltr;
  font-size: 14px;
}

label-small, .label-small {
    font-size: 12px !important;
}

label-medium {
    font-size: 16px;
}
label-big {
    font-size: 18px;
}



.label-status {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-status-md {
    font-weight: 700;
    padding: 3px 8px 3px 8px;
    /* margin: 3px; */
    font-size: 14px !important;
    color: #fff;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-status-sm {
    font-weight: 700;
    padding: .2em .6em .3em;
    /* margin: 3px; */
    font-size: 12px !important;
    color: #fff;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.smart-style-2 nav ul li a , .label
{
    font-size: 14px !important;
}


/*
	 * WIDGET BODY TOOLBAR
	 */
.widget-body-toolbar,
.smart-form.widget-body-toolbar {
    display: block;
    padding: 10px;
    margin: -10px -10px 10px;
    min-height: 42px;
    border-bottom: 0px solid #ccc;
    background: #fafafa;
    /*padding: 8px 10px;
    margin: -13px -13px 13px;
    min-height: 42px;
    border-bottom: 1px solid #ccc;
    background: #fafafa;*/
}

.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea, .input input, .form-control, .input-lg, .input-lg input, .input-md, .input-md input, select .input, .input-group-addon /*,.input-group,  */ 
{
    border-radius: 3px !important;
    /*font-size: 14px !important;*/
    padding-left: 8px;
}

textarea:focus, .input-lg:focus,.input-md:focus,.input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{
    /*-webkit-box-shadow: -3px 0 0 #618ebf!important;
    box-shadow: -3px 0 0 #618ebf!important;*/
    padding-left:8px;
}

.smart-form .input input,   .smart-form .input, .smart-form  input,
.smart-form .select select,
.smart-form .textarea textarea {
    font-size: 14px;
} 

.input-sm {
  height: 30px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm {
  height: auto;
}

.input-md {
  height: 38px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 3px;
}

.aleft {
    text-align: left;
}

.aright {
    text-align: right;
}

.acentered {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}



textarea.input-md {
  height: auto;
}


.jarviswidget > div {
    font-size: 14px !important;
}

 #header {
  display: block;
  height: 49px;
  margin: 0;
  /*padding: 0 13px 0 0; ne*/
  /*background-color: #6493c4;
  background-image: -moz-linear-gradient(top, #6493c4, #5174a2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6493c4), to(#5174a2));
  background-image: -webkit-linear-gradient(top, #6493c4, #5174a2);
  background-image: -o-linear-gradient(top, #6493c4, #5174a2);
  background-image: linear-gradient(to bottom, #6493c4, #5174a2);*/

    background-color: #3c82b3 !important;
    background-image: linear-gradient(top, #4fa5c8, #3c82b3) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa5c8', endColorstr='#3c82b3') !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa5c8', endColorstr='#3c82b3') !important;
    background: -ms-linear-gradient(top, #4fa5c8, #3c82b3) !important;
    background: -moz-linear-gradient(top, #4fa5c8, #3c82b3) !important;
    background: -o-linear-gradient(top, #4fa5c8, #3c82b3) !important;
    background: -webkit-linear-gradient(top, #4fa5c8, #3c82b3) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4fa5c8), color-stop(1, #3c82b3)) !important;

  background-repeat: repeat-x;
  position: relative;
  z-index: 905;
  box-shadow: 0px 3px 8px #a8a8a8;
  /*always on top*/
  /*position: fixed;*/
    width: 100%;
  /*border-bottom: 1px solid #416492;*/
  /*border-bottom: 1px solid #315482;*/  /*tamno plava linija*/
}

 
 .smart-style-2 #header, .smart-style-2 .page-footer, .smart-style-2 .superbox-show {
  background-color: #6493c4;
  background-image: -moz-linear-gradient(top, #6493c4, #5174a2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6493c4), to(#5174a2));
  background-image: -webkit-linear-gradient(top, #6493c4, #5174a2);
  background-image: -o-linear-gradient(top, #6493c4, #5174a2);
  background-image: linear-gradient(to bottom, #6493c4, #5174a2);
  background-repeat: repeat-x;
}
 .btn-header.pull-right {
     margin-left: 0px;
}

#logo {
  display: inline-block;
  width:auto;
  margin-left: 9px;
  margin-top: 3px;
}
#logo img {
  width: auto;
  /*height: 40px;*/
  /*padding-left: 7px;  ne*/
}

#main {
    /*background: none repeat scroll 0 0 #f8f8f8;*/
    /*background: none repeat scroll 0 0 rgba(244, 246, 248, 1);*/
}
 #main-not-loggedin {
  margin-left: 0px;
  padding: 0;
  padding-bottom: 52px;
  min-height: 500px;
}

.well-login {
  background: #ffffff;
  border-radius: 6px; 
  border: 0px solid #ccc;
  box-shadow: 0 5px 5px #ececec;
  -webkit-box-shadow: 0 5px 5px #ececec;
  -moz-box-shadow: 0 5px 5px #ececec;
  position: relative;

  -webkit-box-shadow: 4px 5px 10px 0px #dcdcdc;
  -webkit-box-shadow: 2px 2px 12px 2px #dcdcdc;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 25px;
    min-height: 20px;
    padding: 19px 19px 13px;
}
@media (max-width: 420px) {
    .well-login {
         
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }
    .atlogin {
       
    margin: 0px;
    
    }
}





.well {
    background: #ffffff;
    border-radius: 6px;
    border: 0px solid #ccc;
    box-shadow: 0px 3px 6px 0px #cecccc;
    -moz-box-shadow: 0 5px 5px #ececec;
    -webkit-box-shadow: 0px 3px 6px 0px #cecccc;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 25px;
    position: relative;
}

 
.well-link {
    padding: 10px;
    height:96px;
    /*border-radius: 2px;*/
}
.well-data {
    padding: 10px;
    height:70px;
    /*border-radius: 2px;*/
    min-width: 180px;
    max-width: 220px;
    width:23%;
    float: left;
    min-height: 1px;
    padding-left: 13px;
    padding-right: 13px;
    margin-left: 13px;
    margin-right: 3px !important;
}

@media (min-width: 520px) {
    .well-data {
        padding: 10px;
        height: 70px;
        min-width: 180px;
        max-width: 230px;
        /* width: calc(140px + 15%); */
        /*width: calc(80px + 20%);*/
    }
}




.well-data-fullw {
    padding: 10px;
    height:70px;
    /*border-radius: 2px;*/
    min-width: 180px;
    /*max-width: 220px;
    width:23%;*/
   
    min-height: 1px;
    padding-left: 13px;
    padding-right: 13px;
    margin-left: 13px;
    margin-bottom: 13px;
    margin-right: 3px !important;
}

@media (min-width: 520px) {
    .well-data-fullw {
        padding: 10px;
        height: 70px;
        min-width: 180px;
        /*max-width: 230px;
         width: calc(140px + 15%); 
        width: calc(80px + 20%);*/
    }
}




.well-link-rect {
    width: 100%;
    height: auto;
    float: left;
}

.well-link-left {
width:auto;height:45px;float: left;
}
.well-link-right {
float: right;height:45px;  padding-bottom: 2px;
}


.a-well-link {
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    /*font-weight: 300;*/
    font-size: 11px;
    color: #555;
    opacity: .7;
    margin: -10px;
    margin-top: 10px;
    background-color: #f9f9f9;
    border-top: 1px solid #d9d9d9;
}

.a-well-link-arrow {
    margin-top: 2px;
    margin-bottom: -3px;
    font-size: smaller;
}

.div-well-link {
    display: table;
    margin: 2px 0 0;
}

.title-well-link {
    font-size: 14px;
    color: #555;
    float: left;
    font-weight:700 !important;
    margin: -3px 0 0 0;
    text-transform: uppercase;
    color:white !important;
}
.title-well-link-2 {
    font-size: 14px;
    color: #555;
    float: left;
    font-weight:700 !important;
    margin: -3px 0 0 0;
    text-transform: uppercase;
    
}

.data-well-link {
    display: table;
    font-size: 22px;
    color:white !important;
}

.data-well-link-2 {
    display: table;
    font-size: 22px;
    
}



.vcenter {white-space:nowrap;}
.vcenter > * {white-space:normal;}

.vcenter:before,
.vcenter >* {display:inline-block; vertical-align:bottom;}

.vcenter:before {content:"";  height:100%;}

.vcenter {word-spacing:-.25em;}
.vcenter > * {word-spacing:normal;}

.myspark {
    /*border-style: solid;*/
    border-color: white;
}

.smart-form {
  margin: 0;
  outline: none;
  color: #222222;
  position: relative;
}


.separator {
  height: 25px !important;
  white-space: nowrap;
  width:100%;
}
#separator {
  height: 25px !important;
  white-space: nowrap;
  width:100%;
}
#separator2 {
  height: 50px !important;
  white-space: nowrap;
  width:100%;
}
#separator4 {
  height: 80px !important;
  white-space: nowrap;
  width:100%;
}
.separator-dash {
    background: none repeat scroll 0 0 white;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    color: #232323;
    display: block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    /*padding: 8px;*/
	
}
#separator15 {
  height:15px !important;
  white-space: nowrap;
  width:100%;
}

.separator15 {
  height:15px !important;
  white-space: nowrap;
  width:100%;
}

.separator5 {
    height: 5px !important;
    white-space: nowrap;
    width: 100%;
}

/* All levels */
nav ul li a {
  line-height: normal;
  font-size: 24px;
  padding: 10px 10px 10px 11px;
  /*color: #5174a2;*/
  color: #496992;
  display: block;
  font-weight: normal;
  text-decoration: none !important;
  position: relative;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    letter-spacing: -2px !important;
}
/*div.dataTables_info {
  padding-top: 9px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  color: #A7A7A7;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-top: 1px solid #dddddd; border-left: 0px solid #dddddd;border-right: 0px solid #dddddd;
}*/

.jarviswidget > div {
    border-width: medium 1px 1px;
    box-shadow: 0 5px 5px #ececec;
    border-radius: 6px;
    border-right-color: #fff!important;
    border-bottom-color: #fff!important;
    border-left-color: #fff!important;
    -webkit-box-shadow: 2px 2px 12px 2px #dcdcdc;
}
	
.jarviswidget > header {
  color: #333;
  /*border: 0px solid #C2C2C2;*/
  background: #f5f8fd;
  background: #ffffff;
  /*background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);*/
  background-image: -webkit-linear-gradient(top,rgba(11, 46, 90, 0.12) 0,#fafafa 100%);
  text-transform: uppercase;
  -webkit-box-shadow: 2px 6px 12px 3px #dcdcdc;
  
}

 
.fc-border-separate thead tr, .table thead tr {
    /* background-color: #eee; */
    /* background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa)); */
    /* background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%); */
    background: #ffffff;
    font-size: 12px;
}
.jarviswidget > header {
    color: #333;
    border: 0 solid #c2c2c2;
    /*background: #f8f8f8;*/
    font-size: 16px;
    /*font-weight:700 !important;*/
    /*border-bottom: 2px solid #3b81b3;*/
}

.table-striped>tbody>tr:nth-child(odd) {
    /*background-color: #f9f9f9;*/
        background-color: rgba(95, 140, 188, 0.03);
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: #f8f8f8;
}

.tab-content>.tab-pane {

background-color: white;
}

.tab-content{

background-color: white;
}


.button-glow-green {
border:none;padding: 5px 12px;color:white;font-size:16px;font-weight:bold;width:173px;height:53px;background: url('/content/images/button-glow-green.png') no-repeat scroll left top transparent;
display: inline-block;vertical-align: middle;cursor: pointer;text-decoration: none;-moz-user-select: none;border-radius: 2px;text-align: center;

}

.button-glow-green:hover,
.button-glow-green:focus {
  color: #efefef;
  text-decoration: none;
}

.button-glow-green-1 {
border:none;padding: 5px 12px;color:white;font-size:16px;font-weight:bold;width:130px;height:40px;background: url('/content/images/button-glow-green-1.png') no-repeat scroll left top transparent;
display: inline-block;vertical-align: middle;cursor: pointer;text-decoration: none;-moz-user-select: none;border-radius: 2px;text-align: center;

}

.button-glow-green-1:hover,
.button-glow-green-1:focus {
  color: #efefef;
  text-decoration: none;
}



.btn-file {
    padding: 6px;
}
.btn-file {
    border-radius: 4px;
    /*border: #252525 2px solid;*/
    border: #252525 0px solid !important;
    height: 32px;
    line-height: 30px;
    padding: 0 12px 0 12px !important;
    color: #2b2b2b  !important;
    background: linear-gradient(to bottom,rgba(255,255,255,.96) 0%,rgba(238,238,238,.96) 100%) !important;
    box-shadow: 0 2px 5px 0 rgba(22,45,61,.58);
    /*margin: 10px !important;*/
}

    .btn-file:hover {
 /*background: linear-gradient(to bottom,rgba(255,255,255,.56) 0%,rgba(238,238,238,.96) 56%);*/
 box-shadow: 0 3px 5px 0 rgba(22,45,61,.58) !important;
 color: #2b2b2b  !important;
    }



.radio-buttons-image-text {
    padding: 6px;
    width: 80px;
}




.padding-20 {
  padding: 20px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}



@media (max-width: 500px) {
    .adminfullname {visibility:hidden; width:0px;
    }
}



/*settings i user u headeru*/
#project-selector,
.project-selector {
  max-width: 97%;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
}
#project-selector:hover,
.project-selector:hover {
  color: #dddddd;
}


.hsmenu-span {
     
    width: auto;
    text-align: center;
    font-size:18px;
    padding: 4px 0px;

}

/*.hswidget-footer {
    display: block;
    min-height: 32px;
    vertical-align: middle;
    position: relative;
    background-color: #FAFAFA;
    padding: 5px;
    text-align: left;
    margin: 0px;
}*/


 /*
.smart-style-2 aside {
  background: #F7F7F7;
  background: -webkit-gradient(linear, left top, right top, color-stop(99%, #f7f7f7), color-stop(100%, #cacaca));
  background: -webkit-linear-gradient(left, #f7f7f7 99%, #cacaca 100%);
  background: -webkit-gradient(linear, top left, top right, from(#f7f7f7), to(#cacaca));
  background: linear-gradient(to right, #f7f7f7 99%, #cacaca 100%);
}
.smart-style-2 nav ul ul > li:hover b {
  color: #69737A !important;
}
.smart-style-2 nav ul li.open > a,
.smart-style-2 nav ul li.open > a b,
.smart-style-2 nav ul .active > a {
  
}
.smart-style-2 nav ul ul li > a:hover,
.smart-style-2 nav ul li a:hover {
  color: #202427 !important;
  background: none !important;  
}



.smart-style-2.minified nav > ul > li > ul,
.smart-style-2.minified nav > ul > li > ul > li,
.smart-style-2.minified nav > ul > li > ul > li > ul > li {
  background: #fff !important;
}
.smart-style-2.minified nav > ul > li {
 
  
  border-bottom: 1px solid #F7F7F7;
  border-top: 1px solid #F7F7F7;
}
.smart-style-2.minified nav ul li.active > a:before {
  color: #555555;
}

.smart-style-2 .page-footer,
.smart-style-2 .superbox-show {
  background-image: none;
  background-color: #F7F7F7;
}

 .smart-style-2 nav ul .active > a {
  color: #003300 !important;
}*/

  #left-panel {
  -webkit-transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
  transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
  -webkit-transform: translate(0px, 0px) translateZ(0px);
  border-right: 1px solid #d2e3f8;
}


.smart-style-2 #left-panel {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 64px;
}




 /********************************************************************* STYLE 3 *************************************************************/
 
 .smart-style-2 nav > ul > li > a {
  padding: 12px 10px 12px 11px;
  font-size: 13px;
}
.smart-style-2 nav > ul > li > a b {
  top: 12px;
}
.smart-style-2 nav > ul > li > a > i {
 
  font-size: 20px;
}
.smart-style-2 nav > ul > li.active > a:before {
  top: 10px !important;
}
.smart-style-2 nav > ul > li.open {
  border-left: 4px solid #6493c4;
}
.smart-style-2 nav > ul > li.open > a {
  padding-left: 7px;
}
.smart-style-2 nav > ul > li.open ul li > a {
  padding-left: 38px;
}
.smart-style-2 nav > ul > li.open > ul > li > a {
  padding-left: 38px;
}
.smart-style-2 nav ul li.active > a:before {
  top: 6px;
  color: #bbb;
}
.smart-style-2 nav ul li.active > a {
  font-weight: bold;
}
.smart-style-2 nav ul ul {
  background: none;
}
.smart-style-2 nav ul ul li > a {
  font-size: 13px;
}
.smart-style-2 nav ul li a:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

.smart-style-2 .btn-primary, .smart-style-2 .smart-form .button {
    /*border-color: #6391c2;
    background-color: #3c82b3;*/
    border-radius: 3px !important;
}

.pagination > li > a, .pagination > li > span {
    box-shadow: 3px 2px 5px rgba(0,0,0,.1);
}

.btn {
    font-size: 14px;
    /*padding: 6px 12px ;*/
    box-shadow: 3px 2px 5px rgba(0,0,0,.1);
}

.btn:hover {
    box-shadow: 0 2px 5px 0 rgba(22,45,61,.58);
    
}
    



.btn-lg {
  padding: 10px 16px !important;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-md {
    padding: 8px 12px!important;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-sm,
.btn-xs {
  padding: 5px 10px !important;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px !important;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}


.btn-splash-display {
    padding: 10px 16px !important;
    font-size: 17px !important;
    line-height: 1.33 !important;
    border-radius: 3px !important;
}

.smart-style-2 #hide-menu i {
  color: #fff !important;
      font-size: x-large;
}

.btn-label {
   background: none;
}

/*
body.smart-style-2,
.smart-style-2 body {
  background: #ffffff !important;
  font-family: Arial, sans-serif;
}
.smart-style-2 #logo img {
  width: 125px;
  height: auto;
  padding-left: 3px;
  margin-top: -3px;
}
.smart-style-2 #header {
  background-color: #f78c40;
  background-image: -moz-linear-gradient(top, #f78c40, #d67632);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78c40), to(#d67632));
  background-image: -webkit-linear-gradient(top, #f78c40, #d67632);
  background-image: -o-linear-gradient(top, #f78c40, #d67632);
  background-image: linear-gradient(to bottom, #f78c40, #d67632);
}
.smart-style-2 #ribbon {
  background: #fff;
}

.smart-style-2 .header-dropdown-list > li > .dropdown-toggle {
  display: block;
  background: rgba(0, 0, 0, 0.2);
  padding: 2px 7px 3px;
  border-radius: 3px;
  margin-top: 14px;
}
.smart-style-2 .header-search > input[type=text] {
  border-color: #CA854F;
}
.smart-style-2 .header-search > button {
  color: #DF9B45;
}
.smart-style-2 aside {
  background: #f2f2f2;
  border-right: 2px solid #ccc;
}
.smart-style-2 .login-info {
  border-bottom: 1px solid #E2E2E2;
  background: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.smart-style-2 .login-info span {
  border-bottom: none;
}
.smart-style-2 .login-info a span {
  color: #444 !important;
}
.smart-style-2 nav > ul > li {
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: -o-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: linear-gradient(to bottom, #f9f9f9, #f2f2f2);
  border-bottom: 1px solid #DFDFDF;
} 
    .smart-style-2 .superbox-list.active:before {
  color: #3D3B39;
}
.smart-style-2 .active + .ajax-dropdown {
  -webkit-box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55);
  box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55);
}
.smart-style-2 .dropdown-menu {
  border-radius: 0;
  border-bottom: 2px solid #ADADAD;
  background: #FDDFB3;
}
.smart-style-2 .dropdown-menu > li > a {
  color: #4E361B;
}
.smart-style-2 .dropdown-menu .divider {
  background-color: #EBC7A6;
}
.smart-style-2 .dropdown-menu-large .dropdown-header {
  color: #5C391E;
}
.smart-style-2 .has-warning .form-control {
  border-color: #c09853 !important;
}
.smart-style-2 .has-error .form-control {
  border-color: #b94a48 !important;
}
.smart-style-2 .has-success .form-control {
  border-color: #468847 !important;
}
.smart-style-2 #shortcut {
  background-color: rgba(25, 16, 6, 0.85);
}
.smart-style-2 .ui-chatbox-titlebar {
  background-color: #66605B !important;
}
.smart-style-2 .ui-chatbox-titlebar.ui-state-focus {
  background-color: #4B433C !important;
}
.smart-style-2 #ribbon .breadcrumb,
.smart-style-2 #ribbon .breadcrumb a {
  color: #7C7C7C!important;
}
.smart-style-2 #ribbon .breadcrumb li:last-child,
.smart-style-2 #ribbon .breadcrumb  > .active {
  color: #5F5F5F;
}
.smart-style-2.fixed-ribbon #ribbon {
  box-shadow: 0 0.0625em 0.3125em rgba(0, 0, 0, 0.35);
}
.smart-style-2 .btn-header  > :first-child  > a,
.smart-style-2 #logo-group span#activity {
  background-color: #DD7C37;
  background-image: -moz-linear-gradient(top, #dd7c37, #b9662b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b9662b), to(#b9662b));
  background-image: -webkit-linear-gradient(top, #dd7c37, #b9662b);
  background-image: -o-linear-gradient(top, #dd7c37, #b9662b);
  background-image: linear-gradient(to bottom, #dd7c37, #b9662b);
  color: #fff !important;
  border: 1px solid #f09d61;
  text-shadow: #985813 0 -1px;
}
.smart-style-2 .btn-header  > :first-child  > a:hover,
.smart-style-2 #logo-group span#activity:hover,
.smart-style-2 .btn-header  > :first-child  > a:active,
.smart-style-2 #logo-group span#activity:active {
  -webkit-box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  -moz-box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  background-color: #dd7a35;
  background-image: -moz-linear-gradient(top, #dd7a35, #984a13);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd7a35), to(#984a13));
  background-image: -webkit-linear-gradient(top, #dd7a35, #984a13);
  background-image: -o-linear-gradient(top, #dd7a35, #984a13);
  background-image: linear-gradient(to bottom, #dd7a35, #984a13);
}
.smart-style-2 .project-selector,
.smart-style-2 .project-context  > :first-child,
.smart-style-2 .header-dropdown-list  > li  > .dropdown-toggle {
  color: #fff;
  text-shadow: #985813 0 -1px;
}
.smart-style-2 nav ul li a,
.smart-style-2 nav ul li.open  > a,
.smart-style-2 nav ul li.open  > a b {
  color: #444 !important;
}
.smart-style-2 nav  > ul ul li::before,
.smart-style-2 nav  > ul  > li  > ul::before {
  border: none;
}
.smart-style-2 .page-footer,
.smart-style-2 .superbox-show {
  background: #3D3B39;
}
.smart-style-2.minified nav > ul > li {
  border-bottom: 1px solid #E9E4E4;
  border-top: 1px solid #FFFFFF;
}
.smart-style-2.minified nav > ul > li.open ul li > a {
  padding-left: 14px;
}
.smart-style-2.minified nav  > ul  > li  > ul,
.smart-style-2.minified nav  > ul  > li  > ul  > li  > ul  > li {
  background-color: rgba(69, 69, 69, 0.9);
}
.smart-style-2.minified nav ul li a,
.smart-style-2.minified nav ul li.open  > a,
.smart-style-2.minified nav ul li.open  > a b {
  color: #fff !important;
}
.smart-style-2 .dropdown-menu  > .active  > a,
.smart-style-2 .dropdown-menu  > .active  > a:hover,
.smart-style-2 .dropdown-menu  > li  > a:hover,
.smart-style-2 .dropdown-menu  > li  > a:focus,
.smart-style-2 .tt-suggestion.tt-is-under-cursor {
  background-color: #EC9519;
  color: #fff;
}
.smart-style-2 .dropdown-menu-large  > li ul  > li  > a:focus,
.smart-style-2 .dropdown-menu-large  > li ul  > li  > a:hover {
  border-radius: 3px;
  background-color: #F1B686;
}
.smart-style-2 input:not([type]),
.smart-style-2 input[type="color"],
.smart-style-2 input[type="email"],
.smart-style-2 input[type="number"],
.smart-style-2 input[type="password"],
.smart-style-2 input[type="tel"],
.smart-style-2 input[type="url"],
.smart-style-2 input[type="text"],
.smart-style-2 textarea {
  border-top-color: #a3a3a3;
  border-left-color: #a3a3a3;
  border-bottom-color: #ccc;
  border-right-color: #ccc;
  -webkit-box-shadow: inset 0 1px 0 #d6d6d6;
  -moz-box-shadow: inset 0 1px 0 #d6d6d6;
  box-shadow: inset 0 1px 0 #d6d6d6;
  color: #000;
}
.smart-style-2 .select2-container-multi .select2-choices .select2-search-field input,
.smart-style-2 .tt-hint {
  box-shadow: none !important;
  border: none !important;
}
.smart-style-2 .bigBox span,
.smart-style-2 .SmallBox span {
  letter-spacing: 0px;
}
.smart-style-2.menu-on-top nav ul ul li > a {
  color: inherit;
}
.smart-style-2.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px;
}
.smart-style-2.menu-on-top nav ul ul li:hover > a {
  color: #fff;
}
.smart-style-2.menu-on-top nav ul ul .active > a {
  color: #333 !important;
}
.smart-style-2.menu-on-top nav ul > li > ul {
  left: -2px;
}
.smart-style-2.menu-on-top nav > ul > li > a:hover {
  background: #fff !important;
}
.smart-style-2.menu-on-top nav > ul > li > a:after {
  color: #8AA1B3 !important;
}
.smart-style-2.menu-on-top aside {
  background: inherit;
}
.smart-style-2.menu-on-top aside#left-panel {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}
.smart-style-2.menu-on-top aside#left-panel nav > ul > li {
  border-right: 1px solid #E2E2E2;
  border-left: 1px solid #FFFFFF;
}
.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a {
  text-shadow: none !important;
  font-size: 13px;
  padding: 10px 9px !important;
  border: none !important;
}
.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #fff;
}
.smart-style-2.menu-on-top nav ul ul,
.smart-style-2.menu-on-top nav ul ul ul {
  border-color: #E2E2E2;
}
.smart-style-2.menu-on-top nav ul ul li a:hover,
.smart-style-2.menu-on-top nav ul ul li:hover  > a,
.smart-style-2.menu-on-top nav ul ul ul li a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.smart-style-2.menu-on-top nav ul ul li a,
.smart-style-2.menu-on-top nav ul ul ul li a {
  color: #D8DEE5;
}
.smart-style-2.menu-on-top nav ul ul li a:hover,
.smart-style-2.menu-on-top nav ul ul ul li a:hover {
  color: #fff;
}
.smart-style-2.menu-on-top nav  > ul  > li  > a:after,
.smart-style-2.menu-on-top nav  > ul ul  > li a:after,
.smart-style-2.menu-on-top nav ul ul li:hover  > a:after,
.smart-style-2.menu-on-top nav  > ul ul  > li a:hover:after {
  color: inherit;
}
.smart-style-2.menu-on-top nav ul ul li:hover  > a:after,
.smart-style-2.menu-on-top nav  > ul ul  > li a:hover:after {
  color: inherit;
}
.smart-style-2.menu-on-top nav ul ul .active  > a:hover,
.smart-style-2.menu-on-top nav ul ul li.active:hover  > a {
  color: #333 !important;
}

  
@media (max-width: 979px) {
  .smart-style-2 #content {
    padding-left: 5px;
    padding-right: 5px;
  }
  .smart-style-2 #ribbon {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    border-radius: 0px;
  }
}*/




























/*
 * WIZARD 2 tabs
 */
.bootstrapWizard2 {
  display: block;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
}
.bootstrapWizard2 a:hover,
.bootstrapWizard2 a:active,
.bootstrapWizard2 a:focus {
  text-decoration: none;
}
.bootstrapWizard2 li {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
  padding-left: 0;
}
.bootstrapWizard2 li:before {
  border-top: 3px solid #55606E;
  content: "";
  display: block;
  font-size: 0;
  overflow: hidden;
  position: relative;
  top: 11px;
  right: 1px;
  width: 100%;
  z-index: 1;
}
.bootstrapWizard2 li:first-child:before {
  left: 50%;
  max-width: 50%;
}
.bootstrapWizard2 li:last-child:before {
  max-width: 50%;
  width: 50%;
}
.bootstrapWizard2 li.complete .step {
  background: #0aa66e;
  padding: 1px 6px;
  border: 3px solid #55606E;
}
.bootstrapWizard2 li .step i {
  font-size: 10px;
  font-weight: normal;
  position: relative;
  top: -1.5px;
}
.bootstrapWizard2 li .step {
  background: #B2B5B9;
  color: #ffffff;
  display: inline;
  font-size: 15px;
  font-weight: bold;
  line-height: 12px;
  padding: 7px 13px;
  border: 3px solid transparent;
  border-radius: 50%;
  line-height: normal;
  position: relative;
  text-align: center;
  z-index: 2;
  transition: all 0.1s linear 0s;
}
.bootstrapWizard2 li.active .step,
.bootstrapWizard2 li.active.complete .step {
  background: #0091d9;
  color: #ffffff;
  font-weight: bold;
  padding: 7px 13px;
  font-size: 15px;
  border-radius: 50%;
  border: 3px solid #55606E;
}
.bootstrapWizard2 li.complete .title,
.bootstrapWizard2 li.active .title {
  color: #2B3D53;
}
.bootstrapWizard2 li .title {
  color: #bfbfbf;
  display: block;
  font-size: 13px;
  line-height: 15px;
  max-width: 100%;
  position: relative;
  table-layout: fixed;
  text-align: center;
  top: 20px;
  word-wrap: break-word;
  z-index: 104;
}







/*
 * WIZARD 3 tabs
 */
.bootstrapWizard3 {
  display: block;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
}
.bootstrapWizard3 a:hover,
.bootstrapWizard3 a:active,
.bootstrapWizard3 a:focus {
  text-decoration: none;
}
.bootstrapWizard3 li {
  display: block;
  float: left;
  width: 33%;
  text-align: center;
  padding-left: 0;
}
.bootstrapWizard3 li:before {
  border-top: 3px solid #55606E;
  content: "";
  display: block;
  font-size: 0;
  overflow: hidden;
  position: relative;
  top: 11px;
  right: 1px;
  width: 100%;
  z-index: 1;
}
.bootstrapWizard3 li:first-child:before {
  left: 50%;
  max-width: 50%;
}
.bootstrapWizard3 li:last-child:before {
  max-width: 50%;
  width: 50%;
}
.bootstrapWizard3 li.complete .step {
  background: #0aa66e;
  padding: 1px 6px;
  border: 3px solid #55606E;
}
.bootstrapWizard3 li .step i {
  font-size: 10px;
  font-weight: normal;
  position: relative;
  top: -1.5px;
}
.bootstrapWizard3 li .step {
  background: #B2B5B9;
  color: #ffffff;
  display: inline;
  font-size: 15px;
  font-weight: bold;
  line-height: 12px;
  padding: 7px 13px;
  border: 3px solid transparent;
  border-radius: 50%;
  line-height: normal;
  position: relative;
  text-align: center;
  z-index: 2;
  transition: all 0.1s linear 0s;
}
.bootstrapWizard3 li.active .step,
.bootstrapWizard3 li.active.complete .step {
  background: #0091d9;
  color: #ffffff;
  font-weight: bold;
  padding: 7px 13px;
  font-size: 15px;
  border-radius: 50%;
  border: 3px solid #55606E;
}
.bootstrapWizard3 li.complete .title,
.bootstrapWizard3 li.active .title {
  color: #2B3D53;
}
.bootstrapWizard3 li .title {
  color: #bfbfbf;
  display: block;
  font-size: 13px;
  line-height: 15px;
  max-width: 100%;
  position: relative;
  table-layout: fixed;
  text-align: center;
  top: 20px;
  word-wrap: break-word;
  z-index: 104;
}








div.dataTables_info {
  padding-top: 9px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  color: #A7A7A7;
}


.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-top: 0px solid #dddddd; border-left: 0px solid #dddddd;border-right: 0px solid #dddddd;/*border-bottom: 1px solid #dddddd;*/ 
}








   .profile-left {
        text-align: left;
        font-size: 15px;
        padding-left: 15px;
        padding-top: 10px;
        height: 40px;
        margin-left: 13px;
        width:30%; 
    }

    .profile-right {
        text-align: left;
        font-size: 15px;
        font-weight: bold;
        padding-top: 10px;
        width:60%; 
        height: 40px;
        margin-left: 2px;
    }

    .profile-border {
        border-width: 1px;
        border-bottom-style: dashed;
        border-color: #ccc;
    }

    .profile-header {
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        padding-top: 20px;
        height: 50px;
        margin-left: 13px;
    }

    .profile-header2 {
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        padding-top: 40px;
        height: 70px;
        margin-left: 13px;
    }





   .session-left {
        text-align: left;
        font-size: 15px;
        padding-left: 15px;
        padding-top: 10px;
        height: 40px;
        margin-left: 13px;
        width:30%; 
    }

    .session-right {
        text-align: left;
        font-size: 15px;
        font-weight: bold;
        padding-top: 10px;
        width:60%; 
        height: 40px;
        margin-left: 2px;
    }

    .session-border {
        border-width: 1px;
        border-bottom-style: dashed;
        border-color: #ccc;
    }

    .session-header {
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        padding-top: 20px;
        height: 50px;
        margin-left: 13px;
    }

    .session-header2 {
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        padding-top: 40px;
        height: 70px;
        margin-left: 13px;
    }




section-header {
    background: none repeat scroll 0 0 #fff;
    color: #232323;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 13px 10px 2px;
    /*height: 29px;*/
}
section-content {
    background: none repeat scroll 0 0 #fff;
    color: #232323;
    display: block;
    padding: 0px 0px 30px 6px;
    
}








   .details-left {
        text-align: left;
        font-size: 15px;
        height: 30px;
        width:30%; 
        border-width: 1px;
        border-bottom-style: dashed;
        border-color: #ccc;
        margin-left: 15px;
        padding-top: 10px;
    }

    .details-right {
        text-align: left;
        font-size: 15px;
        font-weight: 600;
        padding-top: 10px;
        width:60%; 
        height: 30px;
        margin-left: 0px;
        border-width: 1px;
        border-bottom-style: dashed;
        border-color: #ccc;
        
    }

    .details-border {
        /*border-width: 1px;
        border-bottom-style: dashed;
        border-color: #ccc;
        padding-left: 15px;*/
    }

details-header {
        /*text-align: left;
        font-size: 18px;
        font-weight: bold;
        padding: 0 13px 0 0;*/
        
    
        background: none repeat scroll 0 0 white;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    color: #232323;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 18px 14px 10px;
    padding: 0 13px 10px 0;
    
    height: 29px;
       /*padding-top: 20px;
        height: 50px;
        margin-left: 13px;*/
    }

details-fieldset {
  /*margin: 10 2px;
  padding: 1.35em 0.325em 0.35em;*/
}

details-fields {
  margin: 30px; 
  /*padding: 1.35em 0.325em 0.35em;*/
}

.smart-form details-section {
  margin-bottom: 0px;
  position: relative;
}



.paddingleft15 {padding-left: 15px;}
.padding15 {padding: 15px;}




@media print {
    .myDivToPrint {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}



.report-div1 {
    width:95%;
    background:#f5f8fd;
    padding-top: 5px;
    padding-bottom: 5px;
}
.report-span1 {
    font-size:26px;
    font-weight: bold;
}
.report-span2 {
    font-size:16px;
}

.strong {
    font-weight: 700;
}





th {font-size: 14px;}


.modal-backdrop.in {
	opacity: 0.5;
}

 
/*.btn-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle:before {
  content: '';
  left: -4rem;
}
.btn-toggle:after {
  content: '';
  right: -4rem;
  opacity: .5;
}
.btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.active {
  transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
  left: 1.6875rem;
  transition: left .25s;
}
.btn-toggle.active:before {
  opacity: .5;
}
.btn-toggle.active:after {
  opacity: 1;
}
.btn-toggle.btn-md:before,
.btn-toggle.btn-md:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-md:before {
  text-align: right;
}
.btn-toggle.btn-md:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-md.active:before {
  opacity: 0;
}
.btn-toggle.btn-md.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  display: none;
}
.btn-toggle:before,
.btn-toggle:after {
  color: #6b7381;
}
.btn-toggle.active {
  
  background-color: rgba(41, 110, 181, 0.87);
}
.btn-toggle.btn-lg {
  margin: 0 5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 2.5rem;
  width: 5rem;
  border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
  outline: none;
}
.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
  line-height: 2.5rem;
  width: 5rem;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle.btn-lg:before {
  content: '';
  left: -5rem;
}
.btn-toggle.btn-lg:after {
  content: '';
  right: -5rem;
  opacity: .5;
}
.btn-toggle.btn-lg > .handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.btn-lg.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
  left: 2.8125rem;
  transition: left .25s;
}
.btn-toggle.btn-lg.active:before {
  opacity: .5;
}
.btn-toggle.btn-lg.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-md:before,
.btn-toggle.btn-lg.btn-md:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.6875rem;
  width: 3.875rem;
}
.btn-toggle.btn-lg.btn-md:before {
  text-align: right;
}
.btn-toggle.btn-lg.btn-md:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-lg.btn-md.active:before {
  opacity: 0;
}
.btn-toggle.btn-lg.btn-md.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
  display: none;
}
.btn-toggle.btn-md {
  margin: 0 0.5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 2rem;
  width: 4rem;
  border-radius: 2rem;
}
.btn-toggle.btn-md:focus,
.btn-toggle.btn-md.focus,
.btn-toggle.btn-md:focus.active,
.btn-toggle.btn-md.focus.active {
  outline: none;
}
.btn-toggle.btn-md:before,
.btn-toggle.btn-md:after {
  line-height: 2rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle.btn-md:before {
  content: '';
  left: -0.5rem;
}
.btn-toggle.btn-md:after {
  content: '';
  right: -0.5rem;
  opacity: .5;
}
.btn-toggle.btn-md > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.565rem;
    height: 1.565rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.btn-md.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-md.active > .handle {
  left: 2.20rem;
  transition: left .25s;
}
.btn-toggle.btn-md.active:before {
  opacity: .5;
}
.btn-toggle.btn-md.active:after {
  opacity: 1;
}
.btn-toggle.btn-md.btn-md:before,
.btn-toggle.btn-md.btn-md:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-md.btn-md:before {
  text-align: right;
}
.btn-toggle.btn-md.btn-md:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-md.btn-md.active:before {
  opacity: 0;
}
.btn-toggle.btn-md.btn-md.active:after {
  opacity: 1;
}
.btn-toggle.btn-md.btn-sm:before,
.btn-toggle.btn-md.btn-sm:after {
  display: none;
}
.btn-toggle.btn-sm {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
  outline: none;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle.btn-sm:before {
  content: '';
  left: 0;
}
.btn-toggle.btn-sm:after {
  content: '';
  right: 0;
  opacity: .5;
}
.btn-toggle.btn-sm > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.btn-sm.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
  left: 1.125rem;
  transition: left .25s;
}
.btn-toggle.btn-sm.active:before {
  opacity: .5;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-md:before,
.btn-toggle.btn-sm.btn-md:after {
  line-height: -1rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.275rem;
  width: 1.55rem;
}
.btn-toggle.btn-sm.btn-md:before {
  text-align: right;
}
.btn-toggle.btn-sm.btn-md:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.btn-md.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.btn-md.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
  display: none;
}
.btn-toggle.btn-secondary {
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
  color: #6b7381;
}
.btn-toggle.btn-secondary.active {
  background-color: #ff8300;
}
*/










.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



























/*wiwi*/

.left-bar {
    
    top: 32px;
    left: 12px;
    transition: 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) left, 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) opacity;
    height:300px;
}
.left-bar-items {
    display: inline-block;
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}


.left-bar-items.menu-collapsed .left-bar-item {
    width: 48px;
    padding-right: 0;
}


.left-bar-items .left-bar-item {
    font-size: 16px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.96) 0%, rgba(238, 238, 238, 0.96) 100%);
    box-shadow: 0 2px 5px 0 rgba(22, 45, 61, 0.58);
    border-radius: 8px;
    line-height: 48px;
    height: 48px;
    position: relative;
    cursor: pointer;
    padding-right: 46px;
    margin-bottom: 12px;
    clear: left;
    z-index: 1050;
    /*width: max-content; width: 240px !important;*/
    min-width: -moz-min-content;
}
.left-bar-items .left-bar-item.bg-panel svg.icon {
    top: 12px;
    left: 12px;
}
 .left-bar-items .left-bar-item svg.icon {
    position: absolute;
}
 
svg:not(:root) {
    overflow: hidden;
}

.left-bar-items .left-bar-item.first-panel .mask {
    top: 0;
    height: 67px;
}

.left-bar-items .left-bar-item .mask {
    width: 4px;
    position: absolute;
    left: 58px;
    height: 77px;
    top: -13px;
}

.left-bar-items.menu-collapsed .left-bar-item .text {
    display: none;
}

.left-bar-items.menu-collapsed .left-bar-item .text :hover{
    display: inline-block;
}

#backd:hover ~ #backid {
    display: block !important; 
}

.left-bar-items .left-bar-item:hover~ #backid {
    display: block !important; 
}
.left-bar-items.menu-collapsed:not(.menu-opened) .left-bar-item:hover:not(.selected) .text, .left-bar-items.menu-collapsed:not(.menu-opened) .left-bar-item.force-hover .text {
    display: inline-block;
    width: auto;
    padding-right: 18px;
}


.left-bar-items .left-bar-item .text {
    padding-left: 56px;
    /*padding-top: 10px;*/
    color: #162d3d;
    white-space: nowrap;
    display: inline-block;
}

 
.left-bar-items.menu-collapsed .left-bar-item.selected {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    z-index: 1250;
}


.left-bar-items.menu-collapsed .left-bar-item {
    width: 48px;
    padding-right: 0;
}

.left-bar-items .left-bar-item:hover {
    background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
    box-shadow: 0 3px 5px 0 rgba(22, 45, 61, 0.58);
    width: max-content; /*254px;*/
}

/*.left-bar-items .left-bar-item:active {
    background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
    box-shadow: 0 3px 5px 0 rgba(22, 45, 61, 0.58);
    width: 48px;

}*/


.app-market-panel {
    height: 735px;
}



.left-bar-items.menu-collapsed .left-bar-item.add-panel.selected .mask {
    background-color: #3797ea;
}

.left-bar-items .left-bar-item .mask {
    width: 4px;
    position: absolute;
    left: 58px;
    height: 77px;
    top: -13px;
}

.left-bar-items.menu-collapsed:not(.menu-opened) .left-bar-item:not(.selected):hover .text {
    display: inline-block;
    width: auto;
    padding-right: 18px;
}

.left-bar-items.menu-collapsed .left-bar-item .text {
    display: none;
}







#a:hover + #b {
    background: #f00;
    display:block;
}




.panel-header.light {
    border-radius: 0;
    background-color: #fff;
}
.panel-header {
    /*background-color: #e0f1ff !important;*/
    background-color: #6493c4 !important;
    color:#fff;
    height: 54px;
    min-height: 54px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}
.left-panel-frame {
    box-shadow: 0 0 14px 0 rgba(22, 45, 61, 0.36);
    position: absolute;
    top: 12px;
    left: 80px;
    /*max-height: calc(100vh - 112px);*/
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    z-index: 1100;
    /*padding-left: 6px;*/
}

.panel-header .panel-header-title {
    /*font-family: HelveticaNeueW01-45Ligh, HelveticaNeueW02-45Ligh, HelveticaNeueW10-45Ligh, Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-size: 18px;
    line-height: 54px;
    padding-left: 20px;
    overflow: hidden;
    position: absolute;
    /*color: #fff;*/
    max-width: 75%;
    white-space: nowrap;
}

.panel-header > .btn-header, .panel-header > button {
    padding: 0;
    border-radius: 50%;
    border: 0;
    position: absolute;
    width: 25px;
    height: 25px;
    cursor: pointer;
    top: 50%;
    margin-top: -10px;
    background-color: #d3edff;
    color: #fff;
    box-sizing: border-box;
    font: inherit;
}

.left-panel-frame.panel-index-0, .left-panel-frame.panel-index-0 .left-panel-frame-content {
    min-height: 270px;width: 370px; 
}
.bg-panel .bg-panel-top {
    position: relative;
}
.bg-panel .bg-panel-preview {
    height: 174px;
    width: 352px;
}


.box-image-wrapper {
    cursor: pointer;
    height: 104px;
    /*width: 328px;*/
     
    /*position: relative;*/
    /*width: 352px;  /*-webkit-inline-flex;*/
    display: inline-flex;
    padding-left: 14px;
}

.box-image-wrapper .box-image {
    border-radius: 8px;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1);
    border: 5px solid #fff;
    background-size: cover;
    background-position: center;
    height: 80px;
    width: 100px;
    float: left;
    position: absolute;
    top: 16px;
}



.box-app-wrapper {
    cursor: pointer;
    height: 104px;
    /*width: 328px;*/
     
    position: relative;
    width: 352px;  /*-webkit-inline-flex;*/
    display: inline-flex;
    padding-left: 14px;
}

.box-app-wrapper .box-app {
    border-radius: 8px;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1);
    border: 5px solid #fff;
    background-size: cover;
    background-position: center;
    height: 80px;
    width: 100px;
    float: left;
    position: absolute;
    top: 16px;
}

.box-app-wrapper .content {
    cursor: pointer;
    left: 60px;
    position: relative;
    width: 186px;
    margin: 10px 51px;
    height: 60px;
}
.box-app-wrapper .content-features {
    cursor: pointer;
    left: 60px;
    position: relative;
    width: 220px;
    margin: 10px 51px;
    height: 60px;
}


.box-app-wrapper .plus-tooltip {
    position: absolute;
    margin: 31px 0;
    right: 12px;
    top: 11px;
    width: 28px;
    height: 28px;
}

.box-app-wrapper .content .title {
    font-size: 14px;
    color: #162d3d;
    margin-bottom: 6px;
    font-weight: 700;
}

.box-app-wrapper .content label {
    font-size: 12px;
    cursor: pointer;
    color: #2b5672;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
}
    .box-app-wrapper:hover {
        background-color: rgba(97, 142, 191, 0.14);
    }

.ellipsis {    font-size: 12px;
}

.symbol-plusBig .circle {
    stroke: #3899ec;
    fill: transparent;
}
.symbol-plusBig .plus {
    fill: #3899ec;
}

svg:not(:root) {
    overflow: hidden;
}

#c {
    display: none;
}
    
#backd:hover  #c {
    display: block;
}

.showme{ 
display: none;
}
.showhim:hover .showme{
display : block;
}

/* For the "inset" look only */



/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ 
    -webkit-border-radius: 10px;
    border-radius: 6px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*background: rgba(255,0,0,0.8);*/ 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/ 
    background: rgba(50, 118, 177, 0.69);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(50, 118, 177, 0.39);
}



 




        .modal-dialog {
            margin: 20vh auto 0 auto
        }
        .modal-body {
            height: calc(70vh - 10px);
            max-height: 520px;
            overflow-y: auto;
        }
        .top-shadow {
            -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
            transition: box-shadow 0.3s ease-in-out;
        }


.modal-buttons-right {
    text-align: right;
    padding-top: 10px;
    padding-right: 20px;
}



.btn-modal {
    border-radius: 3px;
}


.btn-modal-check {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 6px 0;
    font-size: 26px;
    line-height: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.btn-modal-x{
            font-size: 14px;
            padding: 5px 0;

}

.btn-modal-x:hover {
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
            transition: box-shadow 0.8s ease-in-out;
}

.btn-modal-check:hover{
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
            transition: box-shadow 0.8s ease-in-out;
}



/*fix za modal zatamnjivanje pozadine*/
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}









.button-widget-actions {
    border-radius: 4px;
    /*border: #252525 2px solid;*/
    font-size: 14px;
    border: #252525 0px solid;
    height: 32px;
    line-height: 30px;
    padding: 0 12px 0 12px !important;
    color: #2b2b2b;
    background: linear-gradient(to bottom,rgba(255,255,255,.96) 0%,rgba(238,238,238,.96) 100%);
    box-shadow: 0 2px 5px 0 rgba(22,45,61,.58);
}

    .button-widget-actions:hover {
 /*background: linear-gradient(to bottom,rgba(255,255,255,.56) 0%,rgba(238,238,238,.96) 56%);*/
 box-shadow: 0 3px 5px 0 rgba(22,45,61,.58);
    }


.button-widget-actions-2 {
 
    border-radius: 8px; border: #fff 2px solid; box-sizing: border-box; background-color: rgba(49, 84, 130, 0.5); height: 36px; line-height: 30px; padding: 0 12px 0 12px !important; color: #fff;
}






/*dodaci za wiwi*/

.bg-panel .bg-panel-preset-list {
    min-height: 359px;
    max-height: calc(100vh - 348px);
    width: 352px;
    box-sizing: border-box;
}
.bg-panel .bg-panel-preset-list .bg-panel-preset-list-sections {
    padding: 20px 25px 73px;
}
.bg-preset-list-section .section-header {
    margin-bottom: 22px;
}
.section-header {
    margin: 0 auto 5px;
}
.section-header > .title-line {
    font-size: 15px;
    position: relative;
    border-bottom: 1px solid #8092a4;
    padding-bottom: 5px;
    color: #2b5672;
    display: -webkit-flex;
    display: flex;
}
.section-header > .title-line .info-icon {
    position: absolute;
    bottom: 6px;
    right: 1px;
    display: none;
}
.section-header > .title-line > .title {
    display: inline-block;
    width: calc(100% - 42px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
.section-header > .title-line .info-icon {
    position: absolute;
    bottom: 6px;
    right: 1px;
    display: none;
}
.info-icon {
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
}


.category-view {
    height: calc(100% - 55px);
}






 








/*.custom-scroll {
    min-height: 0;
    min-width: 0;
}*/

/*.custom-scroll .outer-container {
    overflow: hidden;
    position: relative;
}*/


/*.custom-scroll .custom-scrollbar {
    position: absolute;
    height: 100%;
    width: 6px;
    right: 3px;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.4s ease-out;
    padding: 6px 0;
    box-sizing: border-box;
    will-change: opacity;
    pointer-events: none;


}
.custom-scroll .custom-scroll-handle {
    position: absolute;
    width: 100%;
    top: 0;

}*/

/*.custom-scroll .inner-handle {
    height: calc(100% - 12px);
    margin-top: 6px;
    background-color: rgba(47, 61, 70, 0.7);
    border-radius: 3px;
}*/
/*.custom-scroll .inner-container {
    overflow-x: hidden;
    overflow-y: scroll;
}*/

/*.category-view .sections {
    position: relative;
}

.category-view-wrapper .section-wrapper:not(.hide-header) {
    margin-top: 19px;
    padding-top: 2px;
    overflow: hidden;
}
.preset-section.without-labels {
    padding-bottom: 9px;
}
.preset-section.without-labels .section-header {
    margin-bottom: 7px;
}

.info-icon {
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.category-view-wrapper .preset-section > .items-wrapper {
    margin-left: 14px;
}

.preset-section > .items-wrapper {
    margin-left: auto;
    margin-right: auto;
}
.category-view-wrapper .section-wrapper:not(.hide-header) {
    margin-top: 19px;
    padding-top: 2px;
    overflow: hidden;
}
.preset-section.without-labels {
    padding-bottom: 9px;
}
.category-view-wrapper .preset-section > .items-wrapper {
    margin-left: 14px;
}
.preset-section > .items-wrapper {
    margin-left: auto;
    margin-right: auto;
}
.category-view-wrapper .section-wrapper:not(.hide-header) {
    margin-top: 19px;
    padding-top: 2px;
    overflow: hidden;
}
.preset-section.without-labels {
    padding-bottom: 9px;
}*/



.bg-panel .bg-panel-preview-buttons .bg-panel-preview-button .control-settings-icon .label-settings-icon {
    border-radius: 18px;
    border: #fff 2px solid;
    box-sizing: border-box;
    background-color: rgba(22, 45, 61, 0.5);
    height: 36px;
    line-height: 30px;
    padding: 0 12px 0 34px;
    color: #fff;
}

.control-boolean span.label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: inherit;
    display: inline-block;
    vertical-align: middle;
}




/* Widget Style */

/*size 100%*/
.switch100 {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch100 input {
    display: none;
}

.slider100 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider100:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider100 {
    background-color: #2196F3;
}

input:focus + .slider100 {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider100:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider100.round {
    border-radius: 34px;
}

.slider100.round:before {
    border-radius: 50%;
}

/*size 65%*/
.switch65 {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
}

.switch65 input {
    display: none;
}

.slider65 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider65:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider65 {
    background-color: #2196F3;
}

input:focus + .slider65 {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider65:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.slider65.round {
    border-radius: 22px;
}

.slider65.round:before {
    border-radius: 50%;
}

/*size 65%* - green*/
.switch65green {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
}

.switch65green input {
    display: none;
}

.slider65green {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider65green:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider65green {
    background-color: #5cb85c;
}

input:focus + .slider65green {
    box-shadow: 0 0 1px #5cb85c;
}

input:checked + .slider65green:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.slider65green.round {
    border-radius: 22px;
}

.slider65green.round:before {
    border-radius: 50%;
}

  
.widget-group {
    background-color:#f0f3f5;
    height:42px !important;
    border-top:1px solid #d9e1e8;
    border-bottom:1px solid #d9e1e8;
}

.widget-group-title-help {
    font-size: 18px;
    color: #4a6e86;
    margin: 8px 14px 0 16px;
    height: 100%;
    float: right;
}
.widget-group-title {
    font-size: 18px;
    color: #4a6e86;
    margin: 8px 0 0 16px;
    height: 100%;
    float:left;
}


.widget-content-text {
    font-size: 15px;
    padding-left: 0;
    float: left;
}

.widget-text15 {
    font-size:15px;
}

.widget-slide-width-1 {
    width: 12%;
    padding-left: 10px;
    float: left;
}

.widget-slide-width-3 {
    width: 27%;
}

.widget-slide-width-4 {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 50px;
    float: left;
}

.widget-padding-left0 {
    padding-left: 0;
}
.margin-left13 {
    margin-left: 13px;
}
.padding-left13 {
    padding-left: 13px;
}

 

/*ELEMENTS FOR SPLASH EDITOR*/

.hselement {
    width: 300px;
    height: 240px;
    /*background: #f8f8f8;*/
    border: none;
    overflow-x: hidden;
    border-bottom: dotted;
    border-width: thick;
}

.contenthover {
    background-color: transparent;
    height: 35px;
}

.hselement:hover {
    /*border: 1px solid #d2e3f8;*/
}

    .hselement:hover .contenthover p {
        display: block;
    }

.contenthover p {
    /*display: none;*/
    /*text-align: right;*/
    padding-top: 2px;
    padding-right: 5px;
}

.contenthover a.mybutton {
    padding: 5px 5px;
}



.box {
    width: 280px;
}

.boxlong {
    width: 280px;
}

.box-title {
    width: 280px;
}


.hselement .left, .hselement .center, .hselement .right {
    display: inline-block;
}

.hselement .left {
    float: left;
}

.hselement .center {
    margin: 0 auto;
}

.hselement .right {
    float: right;
}

.hselement .left {
    float: left;
}

.hselement .center {
    margin: 0 auto;
}

.hselement .right {
    float: right;
}

.clear {
    clear: both;
}



.container {
    width: 100%;
    display: block;
}


.fix-buttonMenu {
    float: left;
    width: 130px;
}

.fix-editorContainer {
    float: right;
    top: 103px;
    width: 240px;
    right: 100px;
    position: absolute;
}

.gridster-width {
    float: left;
    margin-left: 10px;
    width: calc(100% - 140px);
    margin-right: 0;
}

.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}






.page-group-title {
    font-size:18px;
    color:#4a6e86;
    margin: 8px 0 0 30px;
    height:100%;
}


.popup-content {
    margin-left: 18px;
    height:100%;
}



        
.title-line {
    margin-right: 28px;  
    margin-left: 14px;
    border-bottom: 1px solid #8092a4;
    padding-bottom: 5px;
    color: #2b5672;
    display: -webkit-flex;
     
}


 #errormessage {
    color: #C04343;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}



/*novi tab*/

.nav-tabs {
    border-bottom: 2px solid  #f0f3f5;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-width: 0;
}

.nav-tabs > li > a {
    border: none;
    color: #666;
}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    border: none;
    color: #4285F4 !important;
    background: transparent;
}

.nav-tabs > li > a::after {
    content: "";
    background: #4285F4;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #f0f3f5;
}

.tabswell-responsive {
    text-align: center;
    width: 200px;
}

.tabswell-responsive-160 {
    text-align: center;
    width: auto;
    min-width: 160px;
}

.tabswell-responsive-150 {
    text-align: center;
    width: 150px;
}

@media (max-width: 868px) {
    .tabswell-responsive {
        text-align: center;
        max-width: 200px;
        min-width: 120px;
        width: auto;
    }
    .tabswell-responsive-160 {
        text-align: center;
        max-width: 200px;
        min-width: 120px;
        width: auto;
    }
    .tabswell-responsive-150 {
        text-align: center;
        max-width: 150px;
        min-width: 100px;
        width: auto;
    }
}

.tabswell200 {
    text-align: center;
    width: 200px;
}
.tabswell250 {
    text-align: center;
    width: 250px;
}

.navwell {
    margin-bottom: 20px !important;
    text-transform: uppercase;
    margin: -13px;
}

.navshadow {
    box-shadow: 0 3px 4px 0px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.splashtabs {
    font-size: 20px;
    min-width: 138px;
}

/*.card {
    background: #f0f3f5 none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}*/
.card {
    /*background: #f0f3f5 none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);*/
    margin-bottom: 30px;
}
.nav-tabs>li.active>a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top-width: 0!important;
    margin-top: 0 !important;
    font-weight: 400;
}

.font20 {
    font-size: 20px;
}

.span-naslov {
    font-size: 18px;
    font-weight: bold;
    max-width: 800px;
}

.span-podnaslov {
    font-size: 16px;
}

/* N O T I F I K A C I J A */
.SmallBox {
    top: 0px;
    right: 0px;
    height: 49px;
    /*width: 200px !important;
    height: 60px !important;*/
}

.SmallBox span {
  /*font-size: 20px;
  font-weight: 300;
  letter-spacing: -1px;
  display: block;*/
  margin: 0;
}

.SmallBox p {
  /*font-size: 17px;
  margin-top: 2px;*/
}

.SmallBox .foto {
  font-size: 35px;top: 0px;
}

.SmallBox .textoFoto {
  /*margin: 10px 20px 3px 70px;*/
}


.bigBox {
  top: 60px;
  /*width: 300px !important;
  height: 120px !important;*/
}

#divMiniIcons {
  display: none;
}

.bigBox .bigboxicon {
  /*font-size: 40px;
  top: 10px;*/
}

.bigBox p {
  /*font-size: 17px;
  margin-top: 10px;
  margin-left: 50px;*/
}


.back-blue-1 {
    background-color: #569dc2 !important;
    background-image: linear-gradient(top, #72b9d3, #569dc2) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b9d3', endColorstr='#569dc2') !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b9d3', endColorstr='#569dc2') !important;
    background: -ms-linear-gradient(top, #72b9d3, #569dc2) !important;
    background: -moz-linear-gradient(top, #72b9d3, #569dc2) !important;
    background: -o-linear-gradient(top, #72b9d3, #569dc2) !important;
    background: -webkit-linear-gradient(top, #72b9d3, #569dc2) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #72b9d3), color-stop(1, #569dc2)) !important;
    color:white !important;
}

.back-blue-2 {
    background-color: #3c82b3 !important;
    background-image: linear-gradient(top, #4fa5c8, #3c82b3) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa5c8', endColorstr='#3c82b3') !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa5c8', endColorstr='#3c82b3') !important;
    background: -ms-linear-gradient(top, #4fa5c8, #3c82b3) !important;
    background: -moz-linear-gradient(top, #4fa5c8, #3c82b3) !important;
    background: -o-linear-gradient(top, #4fa5c8, #3c82b3) !important;
    background: -webkit-linear-gradient(top, #4fa5c8, #3c82b3) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4fa5c8), color-stop(1, #3c82b3)) !important;
    color:white !important;
}

.back-blue-3 {
    background-color: #2f68a3 !important;
    background-image: linear-gradient(top, #3e8abd, #2f68a3) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e8abd', endColorstr='#2f68a3') !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e8abd', endColorstr='#2f68a3') !important;
    background: -ms-linear-gradient(top, #3e8abd, #2f68a3) !important;
    background: -moz-linear-gradient(top, #3e8abd, #2f68a3) !important;
    background: -o-linear-gradient(top, #3e8abd, #2f68a3) !important;
    background: -webkit-linear-gradient(top, #3e8abd, #2f68a3) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e8abd), color-stop(1, #2f68a3)) !important;
    color:white !important;
}

.back-blue-4 {
    background-color: #26579a !important;
    background-image: linear-gradient(top, #3373b6, #26579a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3373b6', endColorstr='#26579a') !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3373b6', endColorstr='#26579a') !important;
    background: -ms-linear-gradient(top, #3373b6, #26579a) !important;
    background: -moz-linear-gradient(top, #3373b6, #26579a) !important;
    background: -o-linear-gradient(top, #3373b6, #26579a) !important;
    background: -webkit-linear-gradient(top, #3373b6, #26579a) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3373b6), color-stop(1, #26579a)) !important;
    color:white !important;
}

@media (max-width: 420px) {
    .zoom-out-xs {
        zoom: 63%;
    }
    /*.well {
        margin-left: 20px !important;
   }*/

}
@media (min-width: 421px) and (max-width: 768px) {
    .zoom-out-xs {
        zoom: 85%;
    }
}
@media  (max-width: 768px) {
    .zoom-out-small {
        zoom: 85%;
    }
}

@media (min-width: 420px) {
    
    .screen-center {
    top: 43%; left: 50%; width: 30em;  margin-top: -11em; margin-left: -15em !important;   position: fixed;
    }
}

.popover-content, .popover-title {
    padding: 5px;
}

.help-content {
    z-index: 12000;
    position: absolute;
    width: 510px;
    height: 380px;
    display: none;
    background-color: #fff;
    top: 55px;
    right: 1px;
    color: #fff;
    border: solid #dcdcdc 1px;
    /*filter: alpha(opacity=92);
            -moz-opacity: 0.92;
            opacity: 0.92;*/
    overflow: auto;
    overflow-x: hidden;
}

        .help-title {
            width: 510px !important;
            height: 40px;
            background-color: #353535;
          
            background-color:#3c82b3!important;
        }

        .help-title-caption {
            padding: 3px;
            margin: 5px;
            float: left;
            color: #fff;
            font-size: 16px;
        }

.fixed-header-padding {
    padding-top: 40px  !important;
}

.btn-size120 {
    width: 120px;
}

.btn-success {background-color: #7ac93e;
}
.btn-success:hover {background-color: #8ddb52;
}
.btn-lg {
    border: 0px;
}

.inputlineon {
    /*-webkit-box-shadow: -3px 0px 0 #618ebf !important;
    box-shadow: -3px 0px 0 #618ebf !important;*/
    border-radius: 3px !important;
}
.inputlineoff {
    box-shadow: 0 0 0 !important;margin-left: -3px;
}













.image-list {
    display: inline-block;
    zoom: 1;
    width: 250px;
    padding: 10px;
    position: relative;
    height: 160px;
     
}
.img-title-div {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    padding-top: 10px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    /*background: rgba(0, 0, 0, 0.7);*/
    /*background: rgba(25, 67, 113, 0.8);*/
    background: rgba(96, 142, 191, 0.88);
    border-radius: 6px 6px 0 0;
}
.image-list-addnew {
    padding: 20px;
    display: inline-block;
    zoom: 1;
    width: 250px;
    height: 160px;
    position: relative;
    float: left;
}
.addnew-text {
    padding-left: 20px;
    font-size:22px;
    font-weight: 600;
    color: #618dbe;
}




.image-list-sm {
    display: inline-block;
    zoom: 1;
    width: 160px;
    padding: 10px;
    position: relative;
    height: 100px;
    margin: 20px;
     
}
.img-title-div-sm {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    padding-top: 10px;
    width: 190px;
    height: 30px;
    font-size: 16px;
    /*background: rgba(0, 0, 0, 0.7);*/
    /*background: rgba(25, 67, 113, 0.8);*/
    background: rgba(96, 142, 191, 0.88);
    border-radius: 6px 6px 0 0;
}
.image-list-addnew-sm {
    padding: 20px;
    display: inline-block;
    zoom: 1;
    width: 160px;
    height: 100px;
    position: relative;
    float: left;
}
.addnew-text-sm {
    padding-left: 20px;
    font-size:22px;
    font-weight: 600;
    color: #618dbe;
}


#license {
    position: sticky;
    bottom: 0;
    vertical-align: bottom;
    padding: 10px 10px 20px 10px;
    width: 100%;
    top: calc(100vh - 30px);
}

 
.statustop {padding: 12px 10px 12px 11px;font-size: 18px;text-transform: uppercase !important; 
    color: #fff!important;}

.statuslicense {
    font-size: 12px;
    float: left;
    margin: -3px 0 0 0;
    text-transform: uppercase;
    color: #fff!important;
}


.demo {
    visibility: hidden;
}



     .slider-handle {
         top: 5px !important;
     }
     .slider {
         background-color: #fff;
     }
     .smart-form .tooltip {background: rgb(255, 255, 255);
     }
     .slider-handle:before {
    content: "" !important;
}
     .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}



#ExportOptions {
    float: right;
    padding-top: 12px;
}




.btn-plan.active, .btn-plan.focus, .btn-plan:active, .btn-plan:focus, .btn-plan:hover, .open > .dropdown-toggle.btn-plan {
    color: #FFF !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4fa5c8),color-stop(1,#3c82b3)) !important;
}

.btn-plan {
    border: 1px solid #AAA;
    border-left: none;
    border-right: none;
    height: 65px;
    padding-top: 3px !important;
}

.plan-box-left {
    float: left;
    width: 73%;
    height: 45px;
    padding-bottom: 2px;
}

.plan-box-right {
    height: 60px !important;
    float: right;
    width: 27%;
    margin-top: -2px;
    padding-bottom: 2px;
    text-align: right;
    overflow: hidden;
}

.plan-title {
    font-size: 20px;
    float: left; /* font-weight: 700!important; */
    /*margin: -3px 0 0 0; /* text-transform: uppercase; */
    max-width: 100%;
    overflow: hidden;
    font-family: "Roboto Condensed", Roboto, Arial, Helvetica;
}

.plan-desc {
    /*color: gray;*/
    font-size: 12px;
    float: left; /* font-weight: 700!important; */
    margin: -1px 0 0 0; /* text-transform: uppercase; */
    max-width: 110%;
    white-space: normal;
    height: 40px;
    overflow: hidden;
    line-height: 14px;
}
.plan-note {
    float: right;
    margin: -2px 0 0 0 !important;
    max-width: 110%;
    white-space: normal;
    height: 40px;
    overflow: hidden;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700 !important;
    margin: -4px 0 0 0;
}


.plan-item-separator {
    width: 100%;
    height: 0px;
    clear: both;
}
 
.plan-item-top {
    font-size: 22px;
    font-weight: 700 !important;
    margin-top: -2px;
}



.dropzone-hotspot {
    width: 240px;
    height: 166px;
    padding: 0px !important;
    border-radius: 8px;
    box-shadow: 0 0 9px 1px rgba(0,0,0,.1);
    border: 5px solid #fff !important;
}

.dropzone-sm {
    width: 200px;
    height: 140px;
    min-height: 140px !important;
    padding: 0px !important;
    border-radius: 8px;
    box-shadow: 0 0 9px 1px rgba(0,0,0,.1);
    border: 5px solid #fff !important;
}


.splash-devices {
    float: right !important;
    font-size: 24px;
    padding: 4px;
}
.splash-device {
    font-size: 24px;
    padding: 4px;
}

.splash-template-vertical-div {
    width: 140px;
    padding-top: 156px;
}

.splash-template-vertical-title-md {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    padding-top: 10px;
    width: 150px;
    height: 30px;
    font-size: 16px;
    background: rgba(96,142,191,.88);
    border-radius: 6px 6px 0 0;
}

.splash-template-box-md {
    /*display: inline-block;
    zoom: 1;
    width: 100px;
    padding: 10px;
    position: relative;
    height: 160px;
    margin: 20px;*/
    background-position: center;
    float: left;
    padding: 50px 20px 20px 10px;
    width: 130px;
    height: 180px;
    margin: 10px;
}


.splash-template-box {
    background-position: center;
    float: left;
    padding: 50px 20px 20px 10px;
    width: 160px;
    height: 250px;
    margin: 10px;
}

.splash-template-vertical-title {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    padding-top: 10px;
    width: 160px;
    height: 40px;
    font-size: 16px;
    background: rgba(96,142,191,.88);
    border-radius: 6px 6px 0 0;

}

.ad-campaign {
    background: #fff !important;
    border: 1px #9d9d9d;
    border-style: solid;
    font-size: 9px !important;
    line-height: 13px !important;
    margin: 4px 6px 0px 0px;
    background: #d8ebff !important;
    padding: 0px 2px !important;
}